Лучший способ использования медиа-запросов для мобильных дизайнов

Я знаю, какие медиа-запросы и почему они используются, но я не уверен, как лучший способ разработать мобильный сайт с они.

Пример: у меня есть mysite.com, у которого есть стиль со всеми необходимыми стилями (скажем, это довольно большой файл). На данный момент ни один из моих стилей целена с разрешениями экрана или другие устройства.

Я тогда решаю сделать мобильную версию моего сайта. Чтобы облегчить, я настрою только пользователей iPhone, и если код обнаруживает, что кто-то посещает мой сайт на iPhone, они получают мобильную версию.

Мой вопрос: Где лучшее место для включения этих дополнительных стилей, так что пользователь видит мобильную версию? Должен ли я включить эти стили в оригинальном стиле, или лучше, если я отделим их в свой стиль стиля?

Скажи, что мой сайт полностью построен с поплавками, но моя мобильная версия просто покажет каждый элемент друг друга друг друга. Как я могу показать, что используя медиа-запросы? Это так просто, как объявление float: нет; Или что-то?

в основном, что я пытаюсь спросить в абзаце выше, то, как я могу построить свой стиль листа, чтобы, например, основные цвета и, возможно, ссылки на позиции или что-то сохраняются в мобильной версии, как в Настольная версия, но с такими различиями, как укладка все друг на друга в мобильной версии?

- это правила в разделе «СМИ» в разделе «Секция стилей в основном», что вы объявили в Nondle Media Разделы запросов?

Я нашел много примеров использования медиа-запросов, но я не могу найти один рабочий пример полного сайта. Если у меня есть мобильный.css и main.css, связанные на той же странице HTML, как они совместно работают, чтобы сохранить некоторые аспекты моего сайта в мобильной версии, но меняют других?

Последний вопрос: возможно ли иметь Совершенно фиксированная конструкция ширины, но все еще использует медиа-запросы? Код все еще сможет обнаружить, когда браузер сокращается или расширяется мимо определенной ширины / высоты, правильно?

Извините за длительный и, вероятно, запутанный вопрос. Я надеюсь, что вы можете сказать, что я пытаюсь спросить.

5
задан Rich Bradshaw 9 September 2011 в 16:17
поделиться