Как приложения выглядят одинаково во всех моделях iPhone и Ipad

Question

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

Для Например, моя панель заголовков выглядит так же, как в ipad и ipad mini или во всех iphones.

div#header-iphone 
{ 
width:320px; 
height:45px; 
} 

div#header-ipad 
{ 
width:1024px; 
height:45px; 
} 

разрешение экрана iPad2 составляет 1024 × 768 и IPad третьего имеет разрешение 2048 × 1536, но мой заголовок бар (1024px ширина) выглядит одинаково в обоих моделях ..

Я немного запутался об этом , можете ли вы объяснить, как это происходит, или предложить источник объясняет это?

Answer 1

Существует очень хороший фреймворк css, названный в качестве твитер-бутстрапа. Эта структура состоит из множества гибких дизайнов, которые работают на разных экранах, имеющих разные разрешения, такие как рабочий стол, ноутбук, ipad, iphone, ipod и т. Д. Вы можете пройти через сайт, загрузить файлы css, которые они использовали и изучить внутри этого. Как они это делают. Надеюсь, поможет.