原来玩斗地主手机屏幕出现竖条纹是横屏现在变成了竖屏

来源：蜘蛛抓取(WebSpider) 时间：2015-08-17 11:25 标签： 苹果手机屏幕出现竖条
前端判断横屏还是竖屏
时间： 14:02:29
&&&& 阅读：261
&&&& 评论：
&&&& 收藏：0
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。首先在head中加入如下代码：
&meta&name="viewport"&content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/&
针对上述viewport标签有如下说明1)、content中的width指的是虚拟窗口的宽度。
2)、user-scalable=no就一定可以保证页面不可以缩放吗？NO，有些浏览器不吃这一套，还有一招就是minimum-scale=1.0, maximum-scale=1.0 最大与最小缩放比例都设为1.0就可以了。
3)、initial-scale=1.0 初始缩放比例受user-scalable控制吗？不一定，有些浏览器会将user-scalable理解为用户手动缩放，如果user-scalable=no，initial-scale将无法生效。
4)、手机页面可以触摸移动，但是如果有需要禁止此操作，就是页面宽度等于屏幕宽度是页面正好适应屏幕才可以保证页面不能移动。
5)、如果页面是经过缩小适应屏幕宽度的，会出现一个问题，当文本框被激活（获取焦点）时，页面会放大至原来尺寸。
一：CSS判断横屏竖屏
写在同一个CSS中
@media screen&and (orientation: portrait) {
@media screen&and (orientation: landscape) {
分开写在2个CSS中竖屏
&link&rel="stylesheet"&media="all and (orientation:portrait)"&href="portrait.css"&
&link&rel="stylesheet"&media="all and (orientation:landscape)"&href="landscape.css"&
一：JS判断横屏竖屏
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);
标签：&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&国之画&&&& &&&&chrome插件&&
版权所有 京ICP备号-2
迷上了代码！电脑屏幕横屏与竖屏之间来回切换怎么办
　　电脑屏幕横屏与竖屏之间怎么来回切换?电脑的横屏与竖屏来回切换，很多人可能不适应，但是在某些情况下却很是好使。昨天走的时候不小心，不知怎么一下子竖屏了，因为只有一个屏幕用来办公，所以继续给拉回来。以下是操作的步骤，仅供参考。　　1、昨天的不知何故的原因，是的今天开机的时候，显示的是竖屏的电脑屏幕，如下：　　2、进入后使用鼠标操作很不方便，因为有底座(如图)，不能把屏幕给力起来，所以只能选择将其切换到横屏界面：　　3、进入电脑后，在桌面的空白处，右击，选择&图形选项&如图　　4、在弹出的右边箭头处选择&旋转&选项，如图：　　5、在弹出的右侧箭头处会出现四个选项：　　旋转至正常　　旋转90度　　旋转180度　　旋转270度　　每一次旋转后会是什么效果的话，大家可以尝试一下。　　6、选中后，系统就会自动回到原来的界面了。挺快的，如果你是个程序员的话，此时的竖屏就相当的实用了，因为本人只有一个显示器，所以没办法，还是的回到正常状态，截一张最后的正常图展示一下：　　7、此外，下面这种方式也能达到同样的效果!在桌面右击，选择属性后，弹出如下：　　8、然后点击右下角的&高级&，进入如下：　　9、单击&旋转&右边的复选框，弹出如下：　　10、选择后，直接确定即可，两种方式，但是达到的效果是相同的。　　注意事项： 因为屏幕的分辨率问题，切换后的桌面可能显示的不够完整，桌面的图标或者快捷方式在切换后可能会混乱，这个个人未发现好的解决方式。
最新更新栏目
您可能喜欢
大家都在搜扫一扫下载到手机
12MB/ 休闲益智 /5.0
7MB/ 策略棋牌 /9.8
32MB/ 策略棋牌 /5.0
30MB/ 策略棋牌 /10
下载总览游戏礼包游戏截图视频演示猜你喜欢下载地址相关文章玩家评论
竖屏3.0版是一款非常有趣的斗地主游戏，玩法非常有趣，在线与全国各地的玩家一起竞技PK，丰富的比赛模式，带玩家畅玩棋牌乐趣，更有丰富的奖励设计，喜欢的朋友千万不要错过。
竖屏斗地主3.0版游戏特色： 1、省流量，易操作，独“竖一帜” ，单手操作； 2、能打牌，能，帅哥一起来约战； 3、玩法多，强，经典、癞子、炸弹，随意选。
猜你喜欢老少皆宜斗地主桌面脑力
老少皆宜游戏是最符合大众口味的手机游戏，棋牌、麻将、钓鱼、体育等各类生活常见的游戏尽在网侠手机站老少皆宜专区，欢迎感兴趣的朋友们进来消遣~...
竖屏斗地主3.0手机游戏官网下载安卓版
游戏礼包推荐礼包
包含 竖屏斗地主 的游戏集
<img src="/image/chakan.png" alt="
<img src="/image/chakan.png" alt="
<img src="/image/chakan.png" alt="
<img src="/image/chakan.png" alt="
梦想你好& 21:49:311楼
我觉得不行
下载帮助网侠手机站软件均来自互联网, 如有侵犯您的版权, 请点击网站底部在线QQ进行联系。
1.网侠手机站所有软件和游戏都经过严格安装检测,保证不会有任何病毒木马等信息,请大家放心使用;
2.大家在安装软件的时候注意每个步骤，注意包含安装插件信息，推荐使用下载本站软件以获取最佳的下载速度。
3.如果您觉得网侠还不错， 以便下一次的访问.
4.网侠QQ群:应用软件交流群：
手机游戏交流：
（满），加入二群：本帖子已过去太久远了，不再提供回复功能。

我要回帖

更多关于 苹果手机屏幕出现竖条 的文章

 

随机推荐