Форум Сайтостроение Веб-строительство

адаптивная верстка или подключение @media screen

A
На сайте с 18.04.2013
Offline
96
amelta
919

Комрады, хэллоу.

Имею сайт http://skololit.ru/sotrydnichestvo/seminars/

Видно, что не адаптирован под мобильные устойства - и это очень плохо - см. скриншот.

Подключил медиаскрин. И что нужно прописать, чтобы шрифты были маленькими и удобочитаемымм? как в менюшке справа или в шапке???

И плюсом как увеличить отступ текста слева от края экрана устройства мобильного?

в пк версии все норм)

jpg 11111111.jpg
K
На сайте с 02.07.2014
Offline
46
Ktulhu
#1

А что мешало почитать о медиа скрин? Полно же информации...

В Вашем случае:


@media screen (max-width:600px) /*указывается разрешение, после которого правило действовать не будет*/
{
.page__text {font-size: 12px; margin-left: 20px;} /*это класс абзацев, в котором размещен Ваш текст*/
}

Удачи.

web-developer
На сайте с 24.11.2014
Offline
15
web-developer
#2

Вы бы не ограничивались только сменой размеров шрифтов, было бы большим плюсом если бы шаблон был полностью адаптивным.

SeVlad
На сайте с 03.11.2008
Offline
1609
SeVlad
#3
amelta:
адаптивная верстка или подключение @media screen

Кирпичная стена или кирпичи для стены.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
A
На сайте с 18.04.2013
Offline
96
amelta
#4

не работает

@media screen (max-width:600px) /*указывается разрешение, после которого правило действовать не будет*/
{
.page__text {font-size: 12px; margin-left: 20px;} /*это класс абзацев, в котором размещен Ваш текст*/
}
TF-Studio
На сайте с 17.08.2010
Offline
334
TF-Studio
#5

мда.

адаптивность - есть несколько иное.

используйте разметку (сетку) от бутсрапа - в вашем случаем это быстрый путь и более простой.

Сайдбар должен вниз уходить, меню перестраиваться под реалии телефонов, итд...

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
koders
На сайте с 29.04.2007
Offline
91
koders
#6 

@media screen and (max-width:600px){

  /* тут определения для правила */

}
Бесплатный PHP-скрипт массовой проверки ИКС (https://a-panov.ru/massovaya-proverka-iks-skript-na-php/)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий