2012-07-15 2 views
0

Я читаю об этих новых методах создания сайтов. Однако все, что они делают (по крайней мере, те, что я нахожу), стараются подгонять много коротких слов в их довольно коротких статьях, и никто действительно не показывает хороших примеров этого.Мобильный первый и отзывчивый дизайн

Как вы поддерживаете веб-страницу, которая адаптивно адаптирует пользовательское устройство? С отзывчивым дизайном вы используете медиа-запросы для добавления разных таблиц стилей. Однако количество контента и разметки во многих случаях очень отличается между мобильной и полной веб-страницей. Итак, как вы поддерживаете оба? Я думаю, вы не используете таблицы стилей, чтобы скрыть контент с помощью display:none, так как он по-прежнему требует, чтобы содержимое полной страницы загружалось, и это создает ограничения на разметку. Так вы используете технологию серверной стороны, чтобы дать людям разные страницы или что?

ответ

0

зависит от вас архитектуры, у вас есть несколько подходов:

  • Если не много дополнительного контента, вы действительно можете использовать дисплей: ни один
  • Вы можете использовать AJAX для запроса другого контента из сервер
  • вы можете использовать что-то вроде обнаружения заголовка на сервере - http://www.zytrax.com/tech/web/mobile_ids.html выяснить

в общем, для простых сайтов, которые вы будете использовать первый метод, пока он может быть не лучше (отталкивание дополнительного контента для мобильного пользователя), это самый простой.

+2

Как правило, лучше всего разрабатывать мобильные устройства и добавлять контент для более способных устройств, когда они в этом нуждаются. Самое худшее, что вы можете сделать, это скрыть материал для небольших экранов. Зачем? Поскольку этот подход также скрывает функции, если вы просто используете небольшое окно на рабочем столе. Мобильные пользователи не хотят меньше контента, они хотят, чтобы контент был более упорядоченным. –

+0

Торстен, очень хорошая точка :) –

Смежные вопросы