密通学院

 找回密码
 立即注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

搜索
查看: 116|回复: 0

CSS3(@media)判断手机横竖屏

[复制链接]
  • TA的每日心情
    可爱
    2018-6-29 10:04
  • 239

    主题

    255

    帖子

    6万

    铜板

    超级版主

    Rank: 8Rank: 8

    积分
    62737
    QQ
    发表于 2019-11-18 19:38:06 | 显示全部楼层 |阅读模式

    CSS3(@media)判断手机横竖屏
    1. <!DOCTYPE html>

    2. <html>

    3. <head>

    4. <meta charset="utf-8" />

    5. <meta name="viewport"

    6. content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    7. <style>

    8. @media all and (orientation : landscape) {

    9. h2{color:red;}/*横屏时字体红色*/

    10. }

    11. @media all and (orientation : portrait){

    12. h2{color:green;}/*竖屏时字体绿色*/

    13. }

    14. </style>

    15. </head>

    16. <body>

    17. <h2>jquerymobile 判断手机横屏竖屏</h2>

    18. </body>

    19. </html>
    复制代码


    如果您有业务需求,可以和我联系:http://wpa.qq.com/msgrd?V=3&amp; ... yes&amp;from=discuz
    回复

    使用道具 举报

    快速回复: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 感恩
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    首页|Archiver|手机版|小黑屋|密通学院:专业网络营销服务商

    GMT+8, 2020-4-5 23:56 , Processed in 0.331055 second(s), 27 queries (豫ICP备17022382号QQ

    Powered by XMT Inc. © 2015-2021 ArrayV1.0

    系统运营:密城通 豫公网安备 41018302000212 号

    快速回复 返回顶部 返回列表