iPhone 5 屏幕尺寸 VS CSS 媒体查询

标签 iphone css layout media-queries screen-resolution

<分区>

Possible Duplicate:
iPhone 5 CSS media query

iPhone 5 技术规范指出屏幕尺寸为 1136 x 640

我的问题是,

对于横向,我将使用 ma​​x-device-width of 568px 引用http://www.stephentgilbert.com/mediaqueries/#iPhone

当 iPhone 5 网站上的尺寸显示宽度为 1136 像素时,你能解释一下为什么它有效吗

我知道我混淆了这里的一些基础知识。如果您能向我提供适当的解释并可能将我链接到相关的在线资源,我将不胜感激。

最佳答案

iPhone 的 Retina 显示屏意味着 1136x640 屏幕使用 568x320 虚拟像素。每个 CSS 像素由四个物理像素 (2x2) 组成。

因为没有人在 CSS 中说“给我一个 100px 宽的 div”希望它在更高分辨率的设备(如 Retina 显示器)上以一半大小显示,它不使用物理像素作为 CSS 像素.

关于iPhone 5 屏幕尺寸 VS CSS 媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14325577/

相关文章:

css - 根据子属性过滤 CSS 选择器

php - Magento 布局用另一个 block 替换 block

java - Paint 未添加到 JPanel

html - 当并排包含两个图像时,div 高度莫名其妙地高了 5px

iphone - 从 UITableView 的子类访问 UIScrollViewDelegate

java - 如何使用 robovm (libgdx) 添加共享意图?

iphone - 使用 GCD 重用 UITableViewCell

javascript - 对齐一组按钮和纹理

css - 如何在 Visual Studio 2010 中启用 CSS 文件的错误检测?

iPhone应用内购买: Working but Not