Почему я бросил вести этот сайт! Потому, что система ведет себя по-хамски по отношению к посетителям сайта, навязывая последним бесконечное количество баннеров-заглушек контента, особенно пришедшим с мобильных устройств!
Адаптация сайта под мобильный (10 нужных правил)
DownLoad_Free

Адаптация сайта под мобильный (10 нужных правил) - Архив

Нашли ошибку или
хотите что-то сообщить -
жмите Ctr+Enter Система Orphus



    [Ленточный вид форума] [Поиск] [RSS]



  • Страница 1 из 1
  • 1
Адаптация сайта под мобильный (10 нужных правил)
Дата: Вторник, 22.09.2015, 21:41 | Сообщение # 1
Группа: Администраторы
Сообщений: 1530
<input type=text size=20 autocorrect=off autocapitalize=words>

autocorrect=off //выключить/включить автокоррекцию по Т9
autocapitalize=words //каждое слово с большой буквы

<input type=email size=20>

type=email //если поля для ввода мэйла, укажите это

<meta name=viewport content="width=700">
где width=700 //наименьший размер на обычном мониторе, при котором сайт выглядит читабельно

img { max-width: 100% }
для корректного отражения картинок на мобильном
input, textarea { max-width:100% }
для корректного отражения форм ввода на мобильном

.header { background: url(header.png) 50% no-repeat; background-size: contain }
для корректного отражения фона на мобильном

<span style="word-wrap:break-word">оченьприоченьдлинноеслово</span>
такое слово затавьте "переноститься" не залазя за экран

/* на ПК */ .tabs {padding: 10px 2em}
/* на мобиле */ @media screen and (max-width: 500px) {.tabs {padding: 3px 1em}}

применение особых стилей на устройствах с малой шириной экрана

Используйте стандартные шрифты
нестандартные шрифты пожирают трафик, и могут долго грузиться

Источник: internet-technologies.ru/articles/article_1996.html
 
  • Страница 1 из 1
  • 1
Поиск:


Copyright kachay.ucoz.org © 2008-2024Хостинг от uCoz
^ Наверх ^
Пригодилось!