- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Переиграть и победить: как анализировать конкурентов для продвижения сайта
С помощью Ahrefs
Александр Шестаков
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Комрады, хэллоу.
Имею сайт http://skololit.ru/sotrydnichestvo/seminars/
Видно, что не адаптирован под мобильные устойства - и это очень плохо - см. скриншот.
Подключил медиаскрин. И что нужно прописать, чтобы шрифты были маленькими и удобочитаемымм? как в менюшке справа или в шапке???
И плюсом как увеличить отступ текста слева от края экрана устройства мобильного?
в пк версии все норм)
А что мешало почитать о медиа скрин? Полно же информации...
В Вашем случае:
@media screen (max-width:600px) /*указывается разрешение, после которого правило действовать не будет*/
{
.page__text {font-size: 12px; margin-left: 20px;} /*это класс абзацев, в котором размещен Ваш текст*/
}
Удачи.
Вы бы не ограничивались только сменой размеров шрифтов, было бы большим плюсом если бы шаблон был полностью адаптивным.
адаптивная верстка или подключение @media screen
Кирпичная стена или кирпичи для стены.
не работает
{
.page__text {font-size: 12px; margin-left: 20px;} /*это класс абзацев, в котором размещен Ваш текст*/
}
мда.
адаптивность - есть несколько иное.
используйте разметку (сетку) от бутсрапа - в вашем случаем это быстрый путь и более простой.
Сайдбар должен вниз уходить, меню перестраиваться под реалии телефонов, итд...
@media screen and (max-width:600px){/* тут определения для правила */
}