什么是ipad 3的媒体查询

时间:2017-02-02 02:10:31

标签: css responsive-design media-queries

我需要对iPad的页面布局进行具体更改3.对于I-pad3 9'7英寸屏幕1536 x 2048像素(~264 ppi像素密度),有任何媒体查询css

1 个答案:

答案 0 :(得分:2)

媒体查询本身似乎没有显着改变以前的iPad迭代,除了像素比率设置为通过-webkit-min-device-pixel-ratio属性处理视网膜显示:

@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 */
}

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