关于网友提出的“ html5（公众号）怎么做到微信浏览器强制竖屏”问题疑问，本网通过在网上对“ html5（公众号）怎么做到微信浏览器强制竖屏”有关的相关答案进行了整理，供用户进行参考，详细问题解答如下：
问题： html5（公众号）怎么做到微信浏览器强制竖屏
描述:现在在做一个公众号，因为内容有图片，用户可能就会去横屏观看，但是老大要求只能竖屏，我知道QQ和UC可以强制竖屏，请问怎么做到微信浏览器强制竖屏啊？或者谁有比较好的规避或者折中办法？跪求，谢谢...
这是横竖屏旋转的效果，我样式差不多都是百分比和rem弄的，但是感觉样式有点乱，这是怎么回事啊，新手小白，求解...
解决方案1:https://segmentfault.com/q/10...
解决方案2:没有直接方法禁止不能横屏
但是你可以设置宽度多少 然后禁止缩放
如下
宽度为屏幕宽度
处理缩放比例
用户禁止手动缩放
允许最小比例
最大比例
对应的字段意思
解决方案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);
以上介绍了“ html5（公众号）怎么做到微信浏览器强制竖屏”的问题解答，希望对有需要的网友有所帮助。
本文网址链接：http://www.codes51.com/itwd/4536127.html
