c语言判断是否为整数_orientation属性(判断是否为横竖屏)

现在有一个需求:移动端网页默认竖屏显示,当用户横屏浏览,就给予相应提示,比如横屏时显示下面截图提示信息

1730a06397da98bc26eaf32fd5c9e839.png

几年前,可能大家想到用 window.orientation 属性来实现,现官方已弃用,不做推荐,并且有了更好的实现方式—— orientation

orientation: portrait(竖屏,即设备中的页面可见区域高度>=宽度)

orientation: landscape(横屏,即设备中的页面可见区域高度<=宽度)


下面是一个很简单的 demo,有兴趣的小伙伴可以感受一下

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>识别横竖屏</title>
        <style>
            @media (orientation: landscape) {
                body {
                    background-color: #ccc;
                }
            }
 
            @media (orientation: portrait) {
                body {
                    background-color: #000;
                }
            }
        </style>
    </head>

    <body>
    </body>

</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值