• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 人生哲理 > 正文

    [ipad,竖版,纯CSS判断ipad横版和竖版] 美图秀秀竖版变横版

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

    纯CSS判断ipad横版和竖版,有些新手朋友可能还不会,想学什么时候都不会晚,接下来介绍实现代码,感兴趣的朋友可以研究下

    代码如下:

    <!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>

    • [ipad,竖版,纯CSS判断ipad横版和竖版] 美图秀秀竖版变横版 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全