ipad 3 的媒体查询是什么

Question

我需要对 iPad 3 的页面布局进行特定更改。I-pad3 9'7inch 屏幕 1536 x 2048 像素（~264 ppi 像素密度）有任何媒体查询 css

Answer 1

除了通过-webkit-min-device-pixel-ratio 属性将像素比率设置为处理视网膜显示之外，媒体查询本身似乎与 iPad 的先前迭代没有显着变化：

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
     /* Place iPad 3 Styles Here */
}

这些更高分辨率的视网膜显示器通常仍报告与早期版本相同的设备宽度，但您可以将前面提到的属性有效地视为最小值和最大值的“乘数”。