2013-04-28 98 views
2

我搜索了很多关于CSS Specfic媒体查询的Ipad mini adn,发现this page。哪个说这个Ipad Mini有7.9 ppt的162。如何在CSS Media Queries中应用此属性。请帮助Ipad Mini Specfic CSS媒体查询?

+2

此:http://stephen.io/mediaqueries/#iPadMini或本:http://halgatewood.com/ipad- mini-media-query/ – 2013-04-28 11:52:03

+0

@BillyMoat,谢谢。 – user960567 2013-04-28 12:02:31

回答

5

iPad mini将继承与原始iPad相同的视口尺寸。但是,对于更精确,你可以针对iPad的迷你的像素密度,所以:

/* ipad Mini Portrait */ 
@media only screen and (width:768px) and (resolution: 163dpi) { 

} 

/* ipad Mini Landscape */ 
@media only screen and (width:1024px) and (resolution: 163dpi) { 

} 
+1

从技术角度而言,如何在媒体查询中应用分辨率方面是正确的,但在iOS 6中不会执行任何操作。(有关示例,请参阅http://jsfiddle.net/egid/DX9eJ/)。 – egid 2013-06-27 23:25:53

+1

实际上你不能:“[*] Webkit引擎不支持CSS规范中的分辨率查询,浏览器Safari需要使用非标准的设备像素比率查询,请参阅bug 16832。” https://developer.mozilla.org/en-US/docs/Web/CSS/resolution – hexalys 2014-02-09 03:45:29