在为网页切图的时候，有时候要考虑到ipad的兼容，这时候事情往往还不是兼容这么简单，还要考虑ipad横屏竖屏的时候，这是在做ie，firefox等pc浏览器的时候不会去考虑的事情。所以刚开始会有点难上手，但是下面的步骤或者说方法能让你快速解决。通过css文件引用的媒体查询可以针对ipad横屏竖屏写不同的样式，这样事情就简单化了。

<!–竖版本使用的样式–>
<style media=”all and (orientation:portrait)” type=”text/css”>
#landscape { display: none; }
body {background:red}
</style>
<!–横版本使用的样式–>
<style media=”all and (orientation:landscape)” type=”text/css”>
#portrait { display: none; }
body {background:green}
</style>

该样式规则已经被纳入到渴切(Cutter)开源中文css框架里。要切图找渴切。

标签：ipad, 渴切网