|
|
|
| Лично я пока что толком понять не могу, каким должен быть адаптивный сайт и чем он лучше сайта с резиновой версткой.
Возьмем сайт http://www.veliov.com/?lr=1, который преподносится как удачный пример использования технологии адаптации Twitter Bootstrap. И поместим этот сайт в тестер, позволяющий просмотреть его работу в различных мобильных устройствах: http://quirktools.com/screenfly/#u=https%3A//www.veliov.com/%3Flr%3D1&w=176&h=220&a=31
Собственно, а что здесь хорошего? Ради чего все эти усилия? На маленьких экранах все равно практически ничего не видно.
А если сделать сайт с резиновой версткой – не лучше ли будет? | |
|
|
|
|
|
|
|
для: Владимир55
(06.11.2013 в 22:57)
| | Адаптивная верстка - это новое проклятие, пришедшее на смену IE6. В идеале, это набор обтекающих стилей, которые при сужении страницы перестраивают содержимое так, чтобы оно не торчало за экран. Добиться такого идеала почти невозможно, поэтому народ приноровился варьировать стили при помощи JS, перехватывая ширину экрана "на лету" и меняя размеры и расположение элементов страницы, а то и подсовывая целую таблицу стилей по достижени определенного размера экрана.
Обычная резиновая верстка рано или поздно даст горизонтальную прокрутку или сместит элементы с фиксированной шириной. Адаптивная призвана соответствовать параметрам пользовательского устройства. Думаю, где-то уже созданы понятийные области для различения адаптивной верстки и адаптивного поведения сайта, помогающие осознать различие между "подстраивающейся" версткой сайта и программированием отображения, подстраивающего картинку. | |
|
|
|
|
|
|
|
для: DJ Paltus
(09.11.2013 в 02:23)
| | "Добиться такого идеала почти невозможно, поэтому народ приноровился варьировать стили при помощи JS, перехватывая ширину экрана "на лету" и меняя размеры и расположение элементов страницы"
Не совсем так. Дело в том, что у вашего старенького мобильника разрешение 320 х 640, а не 335 х 651 к примеру, и если прописать отношения разрешений экранов выпускаемых устройств (и не только мобильных), то можно видеть, что это не некая случайная последовательность будет, а наблюдается закономерность для каждого из форматов экрана (4:3, 16:9). На этой закономерности и базируется сетка адаптивного дизайна, элементы которой перестроить в зависимости от разрешения не такая и проблема, как это вы представляете, причем тасовать стили совсем не требуется.
И эта закономерность никуда не исчезнет. Вы для интереса, возьмите фото стандартной цифровой мыльницы, например для формата 4:3, это 3072 х 2304, и уменьшайте его пропорционально. Что видим? | |
|
|
|
|
|
|
|
для: confirm
(09.11.2013 в 07:37)
| | Закономерность, основанная на соотношении сторон, конечно, мне хорошо известна. А вот механизмы адаптивной верстки каждый раз заставляют призадуматься: потраченное время - сообразно ли оно результату, если данный конкретный сайт никто не станет рассматривать на Sonyericsson j230 с разрешением 144*144, а у 4-го айфона меньшая сторона - это уже 640 точек, да еще и с возможностью изменения размера страницы щипком. | |
|
|
|
|
|
|
|
для: Владимир55
(06.11.2013 в 22:57)
| | может поможет
пример создание адаптивной страницы сайта
https://www.youtube.com/watch?v=o1RcFM8JoVs | |
|
|
|
|
|
|
|
для: Владимир55
(06.11.2013 в 22:57)
| | Не совсем понял что вам не нравиться, но по-моему все отлично видно, ничего лишнего нет. Резиной вы скорее всего не сможете добиться того же результата на экране 320*480. Адаптивная верстка может не нравиться, может нравиться, но рынок верстки она уже захватывает все больше и больше, все клиенты ее хотят. И поисковики их в этом поддерживают. | |
|
|
|