Текущие лучшие методы для таргетинга на несколько размеров экрана

Question

Я ищу несколько статей о создании веб-сайта для нескольких размеров экрана - например, для рабочего стола, iPad, iPhone, другого мобильного устройства.Учитывая то, что эта область движется так быстро, трудно понять, является ли то, что я читал, несколькими «лучшими практиками» или нет.Кто-нибудь может указать мне правильное направление?

Answer 1

Я нашел эти три статьи отличным ресурсом для создания гибких, гибких веб-сайтов с несколькими устройствами:

A-List Apart статья о жидкостных сетках:
http://www.alistapart.com/articles/fluidgrids/

Статья в журнале Smashing Magazine об адаптивном веб-дизайне ( ссылается на статью A-List Apart на ту же тему ):
http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

И, Smashing Magazine ' Как использовать медиазапросы ':
http://www.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Answer 2

Ознакомьтесь с документацией W3C Mobile Web .

Answer 3

Это моя любимая статья о подобных вещах.

Из списка отдельно: http://www.alistapart.com/articles/responsive-web-design/

Answer 4

Проверьте CSS3 медиа-запросы;http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html