Логика адаптации под мобильники сайтов БЕЗ "бокового меню" ("Колесо") состоит из шагов: 1. Избавиться от элементов вёрстки фиксированной ширины и сделать им переменную 2. Для малого размера экранов сделать ссылки "кнопками", и расположение их задавать исключительно стилевыми средствами, убрав все таблицы и элементы физ вёрстки (типа div align="center") из html. 3. Для содержательных блочных элементов (картинок, фоток и пр.) фиксированного размера задать отображение их как ячеек таблицы - тогда при изменении ширины экрана они автоматически будут группироваться "по сколько в строке поместятся" 4. На совсем малом размере экрана сделать картинки и ссылки (даже те, что внутри текста!) шириной 100% и отображать их как блоки и float: none; - тогда они на малом размере экрана будут видны наилучшим возможным образом, а ссылки будут жмакабельны.
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
no subject
Date: 2017-Apr-12, Wednesday 10:38 (UTC)1. Избавиться от элементов вёрстки фиксированной ширины и сделать им переменную
2. Для малого размера экранов сделать ссылки "кнопками", и расположение их задавать исключительно стилевыми средствами, убрав все таблицы и элементы физ вёрстки (типа div align="center") из html.
3. Для содержательных блочных элементов (картинок, фоток и пр.) фиксированного размера задать отображение их как ячеек таблицы - тогда при изменении ширины экрана они автоматически будут группироваться "по сколько в строке поместятся"
4. На совсем малом размере экрана сделать картинки и ссылки (даже те, что внутри текста!) шириной 100% и отображать их как блоки и float: none; - тогда они на малом размере экрана будут видны наилучшим возможным образом, а ссылки будут жмакабельны.