css针对ipad横屏竖屏不同的布局的一种css写法，通过css媒体查询来实现。css兼容移动平台等ipad的时候，是一种新的尝试，如果没有系统的方法可能要摸索很长时间，但是下面这段代码可以避免摸索，通过不同分辨率来监控ipad的横屏竖屏状态不仅有效而且实用。

1. @media only screen and (device-width: 768px) {
2.   /* For general iPad layouts */
3. }
5. @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
6.   /* For portrait layouts only */
7. }
9. @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
10.   /* For landscape layouts only */
11. }

标签：css, ipad, 渴切网