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

Posted

技术标签:

【中文标题】应用程序在所有 iphone 和 ipad 型号中的外观如何相同【英文标题】:How applications look like the same in all iphone and ipad models 【发布时间】:2013-06-18 09:59:14 【问题描述】:

我正在创建我的网站的移动版本,我想知道每个 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,但我的标题栏(1024px 宽度)在两种型号中看起来都一样..

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

【问题讨论】:

【参考方案1】:

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

【讨论】:

以上是关于应用程序在所有 iphone 和 ipad 型号中的外观如何相同的主要内容,如果未能解决你的问题,请参考以下文章

获取iOS设备型号iphone ipad

如何区别Kindle各型号

iPad\iPhone应用结构

Ipad 应用程序到 Iphone 应用程序

为何我的iPhone和ipad的airdrop设备名显示的是我朋友的名字

如何在调试期间在 iPad 中保持相同的 iPhone 应用程序尺寸