关注前端开发微信微信号web007007

纯CSS判断ipad横版和竖版

作者 管理员 发布时间 2012-06-25 01:25 文章分类 DIV&CSS 文章评论 抢沙发 阅读次数

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Link study</title>
<!--竖版本使用的样式-->
<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>
</head>
<body>

</body>
</html>

本文固定链接: http://www.web92.net/476.html | WEB前端开发

该日志由 于2012年06月25日发表在 DIV&CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 纯CSS判断ipad横版和竖版 | WEB前端开发