读书人

5.有响应的格局助手 Resonsive Layout

发布时间: 2012-08-16 12:02:15 作者: rapoo

5.有响应的布局助手 Resonsive Layout Helpers
媒体查询助手类 Media Query Helper Classes
Jquery Mobile给html元素增加了用来模拟浏览器的水平竖直方向以及常用的最?最大宽度css媒介查询class.这些class会在加载,调整大小以及方向变化时更新,使你能够在css中切断这些class,以创建有响应的布局,即使在不支持媒介查询的浏览器中也可以实现

方向类 Orientation Classes

取决于浏览器或者设备的方向,HTML元素总是会有"portrait"(竖屏) "landscape"(横屏) class. 你可以在css中如下使用它们:

//测试屏幕媒体类型$.mobile.media("screen");//测试最小宽度的媒介查询$.mobile.media("screen and (min-width: 480px)");//测试是否为苹果4代手机的屏幕(视网膜)$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)");





读书人网 >移动开发

热点推荐