iPhone 5屏幕尺寸VS CSS媒体查询 [英] iPhone 5 screen size VS CSS media query

问题描述

可能重复：

iPhone 5 CSS媒体查询

iPhone 5技术规格状态屏幕尺寸为1136 x 640

我的问题是这个，

对于landscape，ff我使用 max-device-width of 568px
请参阅 http：//www.stephentgilbert。 com / mediaqueries /＃iPhone

您可以解释为什么在iPhone 5网站上显示的尺寸为1136像素时，

我知道我在这里混淆了一些基本原理。

解决方案

Retina显示屏包含的像素是标准显示器的两倍，但iOS将分辨率视为测量和屏幕输出的标准显示。如果没有，网站会看起来很小，缩小。

Possible Duplicate:
iPhone 5 CSS media query

The iPhone 5 tech spec states screen dimension of 1136 by 640

My question is this,

For landscape, ff I am to use the max-device-width of 568px refer to http://www.stephentgilbert.com/mediaqueries/#iPhone

can you explain why that works when the dimension stated on the iPhone 5 site says the width would be 1136px

I know I'm mixing up with some of the fundamentals here. I'd appreciate if you could provide me with a proper explanation and perhaps link me to relevant online resources.

解决方案

The Retina display contains twice as many pixels as the standard display, but iOS treats the resolution as the standard display for measurement and screen output. If it didn't, websites would all look very tiny and zoomed out.

这篇关于iPhone 5屏幕尺寸VS CSS媒体查询的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！