电脑显示器横屏变竖屏竖屏提示能不能设置不启用

来源：蜘蛛抓取(WebSpider) 时间：2017-01-12 11:02 标签： ios 横屏竖屏切换
提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供常用开发手册和开发工具
您现在的位置：& >
mui禁止横屏显示,仅支持竖屏显示
mui禁止横屏显示,仅支持竖屏显示
mui.plusReady(function&()&{&
plus.screen.lockOrientation(&portrait-primary&);&移动端如何让页面强制横屏
原文地址：http://www.jianshu.com/p/9c
测试页面结构如下：&body class="webpBack"&
&div id="print"&
&p&lol&/p&
&/body&很简单对不对，最终的理想状态是，把lol非常和谐的横过来。好了来看看区分横屏竖屏的css：@media screen and (orientation: portrait) {
width : 100% ;
height : 100% ;
background-color:
overflow :
width : 100% ;
height : 100% ;
background-color:
overflow :
position :
background-color:
@media screen and (orientation: landscape) {
width : 100% ;
height : 100% ;
background-color:
width : 100% ;
height : 100% ;
background-color:
position :
left : 0 ;
width : 100% ;
height : 100% ;
background-color:
margin-top : 20
text-align:
}说白了，是要把print这个div在竖屏模式下横过来，横屏状态下不变。所以在portrait下，没定义它的宽高。会通过下面的js来补。var width = document.documentElement.clientW
var height =
document.documentElement.clientH
if( width & height ){
console.log(width + " " + height);
$('#print');
$print.width(height);
$print.height(width);
$print.css('top',
(height-width)/2 );
$print.css('left',
0-(height-width)/2 );
$print.css('transform' , 'rotate(90deg)');
$print.css('transform-origin' , '50% 50%');
}在这里我们先取得了屏幕内可用区域的宽高，然后根据宽高的关系来判断是横屏还是竖屏。如果是竖屏，就把print这个div的宽高设置下，对齐，然后旋转。最终效果如下：
最后，这么做带来的后果是，如果用户手机的旋转屏幕按钮开着，那么当手机横过来之后，会造成一定的悲剧。解决办法如下: var evt = "onorientationchange" in window ? "orientationchange" : "resize";
window.addEventListener(evt, function() {
console.log(evt);
var width = document.documentElement.clientW
var height =
document.documentElement.clientH
$('#print');
if( width & height ){
$print.width(width);
$print.height(height);
$print.css('top',
$print.css('left',
$print.css('transform' , 'none');
$print.css('transform-origin' , '50% 50%');
$print.width(height);
$print.height(width);
$print.css('top',
(height-width)/2 );
$print.css('left',
0-(height-width)/2 );
$print.css('transform' , 'rotate(90deg)');
$print.css('transform-origin' , '50% 50%');
}, false);
没有更多推荐了，如何使移动web页面禁止横屏？ - 知乎有问题，上知乎。知乎作为中文互联网最大的知识分享平台，以「知识连接一切」为愿景，致力于构建一个人人都可以便捷接入的知识分享网络，让人们便捷地与世界分享知识、经验和见解，发现更大的世界。26被浏览<strong class="NumberBoard-itemValue" title="2分享邀请回答赞同 添加评论分享收藏感谢收起赞同 2 条评论分享收藏感谢收起横屏显示终于找到哪里设置了_高德地图吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：15,289贴子：
横屏显示终于找到哪里设置了收藏
设置》地图设置》锁定2D地图旋转。搞定。
费了半天劲，我去，哎，有人给加点分不？
楼主棒棒哒，请继续支持小德哦
请问楼主是720p以下分辨率
还是转不了。。。
华为荣耀3X手机，用高德地图、高德导航都可以横屏了
万年不登录，今天专门过来，因为我想骂人，这不知道哪个脑残的决定，720以下不能横屏，脑袋吃shi了吧
我以前买 的安卓平板，专门用来导航。的。现在高德不能横屏了，果断卸载！百度和凯立德都能横屏，谁行就用谁，高德再见！
亲，由于系统更新，对分辨率有一定的要求，还请亲们谅解一下哦
迈特光学(MT牌) 高分辨率显微镜,大景深 ,大变倍比 ,长工作距离,同轴光成像清晰均匀等特点, 定制特殊产品“快速质优”TEL:
我的小米5也不能横屏，怎么回事，之前用的好好的，突然就不能横屏，还以为手机锁屏了，一看并没有，上车用的时候急，都想换百度地图了
网上有强制横屏软件，你们可以下载
我要骂人了为啥不让横屏，分辨率差点横屏咋啦，这产品经理是傻笔吗，追求客户体验不是这样做的啊！
要求增加720P以下导航的横屏功能！
你的就吹吧，设为锁定2D地图旋转就可横屏？也不打草稿！
这个不能横屏 太鸡肋
你就吹吧。就这样也想
小德你说支持720p的就可以支持屏幕旋转，我他妈iPhone6 6splus 7plus全试过。你是拿我们开玩笑吗？
地图可以横屏，开导航就不行了。
@高小德，1080分辨率也不能横屏，手机设置均正常，其他软件均可横屏，你确认你是专业的回复
这样是逼我们换百度地图吗?反正电脑上也是用百度，就统一用百度算了
我华为P9，也不能横屏
这么简单的问题，还要费那么多口舌
高德地图只有在导航下才能横屏的！OK
首先打开手机屏幕旋转。再点击那个打开的地图上的那个齿轮，点击地图设置，吧锁定3D地图旋转关闭。
三星7e不能横屏怎么破？的分辨率
****，在你自己手机设置里，设置屏幕自动旋转，跟软件没关系，一些**不懂瞎教人
不废话 卸载
登录百度帐号已解决问题
OBS采集的画面在手机上竖屏观看只能观看到一部分，横屏能全部看到，但我只想竖屏观看应该怎么设置obs？
提问时间： 05:07:09
比如 我在电脑obs上看到的画面有&大家好，欢迎光临& 这8个字符，但手机竖屏只能看到中间的&好，欢迎&4个字符，要怎么调整能看到全部字
浏览次数：673
记得当我第一次用iPhone（一代），重力感应还是个新鲜的玩意。&br/&&br/& 当我尝试打开了计算器，发现它跟普通的计算器一样简单好用。&br/&&br/& 这些绝对出彩的设计都是初代iPhone就提供的，让人不能不爱上它，惊叹于苹果工程师的独具匠心，创新的震撼力。&br/&&br/& 初代iPhone就已可在wifi下流畅播放h264视频了，也就遭遇转屏烦恼，iOS4发布后苹果加入了全局锁。
答案创立者
以企业身份回答&
快速解决你的电商难题
店铺优化排查提升2倍流量
擅长&nbsp 店铺优化
您可能有同感的问题

我要回帖

更多关于 ios 横屏竖屏切换 的文章

 

随机推荐