css - 应用程序在所有 iphone 和 ipad 型号中的外观如何相同

Question

我正在创建我的网站的移动版本，我想知道每个 iphone 和 ipad 型号都有不同的分辨率，但应用程序或网站看起来都一样..

例如，我的标题栏在 ipad 和 ipad mini 或所有 iphone 中看起来都一样。

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

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

iPad2 的显示分辨率为 1024×768，iPad 3rd 的分辨率为 2,048 × 1,536，但我的标题栏（1024 像素宽度）在两种型号中看起来都一样。

我对此有点困惑，你能解释一下这是怎么发生的，或者建议来源解释一下吗？

Answer 1

有一个非常好的 CSS 框架，名为 twitter bootstrap。该框架包含许多响应式设计，它们适用于具有不同分辨率的不同屏幕，如台式机、笔记本电脑、ipad、iphone、ipod 等。您可以访问那里的网站，下载他们使用过的 css 文件并在其中进行探索。他们是如何做到的。希望能帮助到你。