分辨率为 640×960 的 iPhone 4 属于指定的媒体查询:
@media only screen and (max-width:480px)
这个媒体查询在我的 CSS 样式表的末尾...
上面这个查询是那些适用于 iPad (1024) 和桌面等的查询......
我错过了什么??
我希望 iPhone4 响应样式表中前面指定的媒体查询,目标为:(max-width:640px),当然...
郑重声明,我的视口(viewport)标签目前是:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
最佳答案
您混淆了 css px 和显示 px。这是可以理解的,因为它们都是以 px 为单位测量的。叹息。
从css的 Angular 来看,视网膜显示只有320px宽。然而,它的像素比是 2,这意味着 css-land 中的每 1px 在显示器上实际上是 2px。
Taken from here您可以使用不同的选择器来识别视网膜显示器:
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
/* Retina-specific stuff here */
}
关于iPhone 4 陷阱最大宽度 :480px media queries,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15366213/