• 技术文章 >web前端 >H5教程

    html5怎么禁止横屏

    藏色散人藏色散人2021-04-12 10:03:05原创624

    html5禁止横屏的方法:首先打开相应的HTML5代码文件;然后在head区域中添加“<meta name="screen-orientation" content="portrait">”即可禁止html5页面横屏。

    本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

    禁止手机端html5页面横屏

    禁止手机端html5页面横屏,uc浏览器和qq浏览器禁止横屏代码如下,meta标签添加到head区域<meta name="screen-orientation" content="portrait">

    uc浏览器强制竖屏

    <meta name="screen-orientation" content="portrait">

    QQ浏览器强制竖屏

    <meta name="x5-orientation" content="portrait">

    UC浏览器强制全屏

    <meta name="full-screen" content="yes">

    QQ浏览器强制全屏

    <meta name="x5-fullscreen" content="true">

    UC浏览器应用模式

    <meta name="browsermode" content="application">

    QQ浏览器应用模式

    <meta name="x5-page-mode" content="app">

    windows phone 点击无高光

    <meta name="msapplication-tap-highlight" content="no">

    【推荐学习:HTML5视频教程

    以上就是html5怎么禁止横屏的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html5
    上一篇:html5的新特性有哪些 下一篇:html5编码怎么设置
    第16期线上培训班

    相关文章推荐

    • html5怎么添加图片动画效果• HTML5特殊符号怎么显示• html5的新特性有哪些• html5和html4的区别有哪些• html和html5的区别是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网