html5(公众号)怎么做到微信浏览器强制竖屏_企业IT_编程问答

html5(公众号)怎么做到微信浏览器强制竖屏

来源:互联网  时间:2018/1/27 1:10:19

关于网友提出的“ html5(公众号)怎么做到微信浏览器强制竖屏”问题疑问,本网通过在网上对“ html5(公众号)怎么做到微信浏览器强制竖屏”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: html5(公众号)怎么做到微信浏览器强制竖屏
描述:

现在在做一个公众号,因为内容有图片,用户可能就会去横屏观看,但是老大要求只能竖屏,我知道QQ和UC可以强制竖屏,请问怎么做到微信浏览器强制竖屏啊?或者谁有比较好的规避或者折中办法?跪求,谢谢...



这是横竖屏旋转的效果,我样式差不多都是百分比和rem弄的,但是感觉样式有点乱,这是怎么回事啊,新手小白,求解...


解决方案1:

https://segmentfault.com/q/10...

解决方案2:

没有直接方法禁止不能横屏
但是你可以设置宽度多少 然后禁止缩放
如下

<meta name="viewport" c />

宽度为屏幕宽度
处理缩放比例
用户禁止手动缩放 
允许最小比例 
最大比例

对应的字段意思

解决方案3:

微信设置里自带了开启横屏模式,web 层面上无法禁止呢。可以 JS 判断手机横屏,给个相应提示。

解决方案4:

谢邀!
微信默认开启了横屏模式,h5目前无法做到微信浏览器强制竖屏,。
解决思路:
1、布局时就兼容横屏,一般采用flex布局
2、当横屏时给与相应的提示!
CSS判断横屏竖屏:

@media screen and (orientation: portrait) {
  /*竖屏 css*/
} 
@media screen and (orientation: landscape) {
  /*横屏 css*/
}

JS判断横屏竖屏:

// 移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
    if (window.orientation === 180 || window.orientation === 0) { 
        alert('竖屏状态!');
    } 
    if (window.orientation === 90 || window.orientation === -90 ){ 
        alert('横屏状态!');
    }  
}, false); 

上一篇微信小程序地图上的markers不显示!请问是啥子原因!
下一篇<Provider> does not support changing `store`
明星图片
相关文章
《 html5(公众号)怎么做到微信浏览器强制竖屏》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)