Tagged

iPad

A collection of 2 posts

iPad

PPK:orientation媒体查询

译自:[The orientation media query](http://www.quirksmode.org/blog/archives/2010/04/the_orientation.html) 中文:[PPK:orientation媒体查询](http://www.qianduan.net/ppk-orientation-vs-device-width.html) 原作者:PPK[Peter Paul Koch] 请尊重版权,转载请注明来源,多谢! - - - - - - 最近[Jason Grigby关于orientation媒体查询的概述](http://www.qianduan.net/ipad-orientation-css.html)在博客圈和twitter中疯传,那确实很棒。

css

iPad Orientation CSS

译自:[iPad Orientation CSS](http://www.cloudfour.com/ipad-orientation-css/)iPad终于发布了,那么如果用样式区分iPad和iPhone中的safari浏览器,Jason Grigsby做了一个有用的实验。 就绝大部分而言,iPad上的移动版safari和iPhone上的事一样的。我发现的一个不同是,iPad上的webkit支持基于方向(orientation)的CSS媒体查询(media query)声明。 我为iPad创建了一个简单的演示目标CSS的页面。 在CSS中使用orientation 非常简单,代码就行这样: 在这个例子中,两个CSS文件中的唯一不同就是隐藏其中的一个标题。该演示页面的HTML部分如下: You’re Viewing in Portrait Mode You’re Viewing in Landscape portrait.css中的CSS只是简单的隐藏landscape部分的: landscape {display:none} 当然,landscape.css的作用与之相反。 你可以在最新版本的Safari/Chrome和Firefox中看到这个CSS查询。