关于手机微信 自适应手机屏幕拉屏幕问题

来源：蜘蛛抓取(WebSpider) 时间：2016-02-15 07:56 标签： 一加手机屏幕问题
当前位置：正文
微信扫一扫分享到朋友圈
如何将手机网站添加到手机屏幕上　　大家都知道，如果你经常的用手机访问一个网站，比如说百度贴吧豆瓣之类的网站。你一定希望将这个网站添加到桌面，就像是在电脑上那样，在建立一个快捷方式，只要轻轻一点，就可以很快速的访问那个网站了。那么如何在手机桌面上添加一个网站的快捷方式呢?下面就一起来看一下。　　1、在浏览器中打开一个网站。　　2、把这个网站加入书签(点击菜单键，然后找到书签，在点击添加书签，确定就可以了)。　　3、长按你想添加的手机桌面上的网站书签，选择向主屏幕添加快捷方式。　　这样你就成功的在手机桌面上添加一个网站的快捷方式了。&
分享给好友
分享到微信朋友圈：
第一步 打开微信底部扫一扫
第二步 扫下面的文章二维码
第三步 右上角点击转发
相关文章Relevant
如果您尚未关注我们,可点击标题下方的“笑画先生”关注我们.慢慢看,越到后面越美.一、间歇泉喷发前,冰岛就在间歇泉喷发前...
一日天降暴雨,一和尚与一尼姑同在山中的土地庙中躲雨,两人生了火后便各自安歇.睡到一半时尼姑突然醒来,发现和尚正拉着她的手...
“如果你半夜醒来,发现自己好长时间没读书,而且没有任何负罪感,你就要知道,你已经堕落了.不是说书本有多了不起,而是读书...
惊呆了,加美女微信lieqicun,你需要她!
最近,一个互联网让两个天南地北的人产生千丝万缕的神奇故事又发生了.故事剧情很复杂,“参演人物”巨多,而故事的主角之一居...
贾斯丁比伯的裸露癖终于被广告商锁定了!做小内内的CK邀请他拍了一组荷尔蒙旺盛的大片!小比伯一下子爷们了,流气也少了,加...为什么手机换屏之后就用不了微信的摇一摇了。_手机吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：2,512,486贴子：
为什么手机换屏之后就用不了微信的摇一摇了。收藏
换了个屏之后。一进入摇一摇，触控就失灵了，怎么点都没用。问问大神这是怎么回事？
HUAWEI nova 我的手机，我漂亮，震撼上市！
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或微信横屏问题
移动端html开发，我们常会用到横竖屏的判断做一些事情，比如说播放视频的时候时常使用横竖屏切来切换居中显示和全屏显示，如果你无数次尝试都失败了，请你看到最后，有惊喜哦！！。
一般来说，横竖屏的检测方式有以下几种：
一、使用浏览器自带的事件
使用浏览器自带事件orientationchange和浏览器对象window.orientation可以完美进行横竖屏幕切换。根据参考资料一，此事件在有些浏览器中使用绑定在body元素上的属性来实现，只有在页面发生css重排后才会被触发。解决此问题的方法是在body上增加一个css类，用来触发css的重排，具体css代码如下：
.portrait body div { width: 10%; }
.landscape body div { width: 15%; }
调用事件代码如下：
var updateOrientation = function() {
var orientation = window.
switch(orientation) {
case 90: case -90:
orientation = 'landscape';
orientation = 'portrait';
// set the class on the HTML element (i.e. )
document.body.parentNode.setAttribute('class', orientation);
// event triggered every 90 degrees of rotation
window.addEventListener('orientationchange', updateOrientation, false);
2、使用媒体查询（media query）
媒体查询里面中有横竖屏幕的检测，orientation: portrait(竖)/landscape(横)，媒体查询该属性的生效系统版本为：iOS 3.2+, Android 2.0+和一些其他浏览器。
具体代码如下：
@media all and (orientation: portrait) {
body div { width: 10%; }
@media all and (orientation: landscape) {
body div { width: 15%; }
3、使用定时器，定期检测当前页面的长宽
此种方法通过定时检测当前页面的长宽，通过对比长宽，对其进行判断，根据判断结果模拟页面的横竖屏，此方法性能堪忧，主要用于以上1,2均不支持的浏览器或者手机。废话少说，上代码。
var updateOrientation = function() {
// landscape when width is biggest, otherwise portrait
var orientation = (window.innerWidth & window.innerHeight) ? 'landscape': 'portrait';
// set the class on the HTML element (i.e. )
document.body.parentNode.setAttribute('class', orientation);
// initialize the orientation
updateOrientation();
// update every 5 seconds
setInterval(updateOrientation, 5000);
4、横屏终结版
综上，产生了横屏终结版。代码如下：
(function(){
var supportsOrientation = (typeof window.orientation == 'number' && typeof window.onorientationchange == 'object');
var HTMLNode = document.body.parentN
var updateOrientation = function() {
// rewrite the function depending on what's supported
if(supportsOrientation) {
updateOrientation = function() {
var orientation = window.
switch(orientation) {
case 90: case -90:
orientation = 'landscape';
orientation = 'portrait';
// set the class on the HTML element (i.e. )
HTMLNode.setAttribute('class', orientation);
updateOrientation = function() {
// landscape when width is biggest, otherwise portrait
var orientation = (window.innerWidth & window.innerHeight) ? 'landscape': 'portrait';
// set the class on the HTML element (i.e. )
HTMLNode.setAttribute('class', orientation);
updateOrientation();
var init = function() {
// initialize the orientation
updateOrientation();
if(supportsOrientation) {
window.addEventListener('orientationchange', updateOrientation, false);
// fallback: update every 5 seconds
setInterval(updateOrientation, 5000);
window.addEventListener('DOMContentLoaded', init, false);
温馨提示: 1、如果移动端所有浏览器都失效，请检查手机屏幕旋转是否开启；2、如果只有微信旋转失效，而在浏览器中打开正常，请打开微信的【开启横屏模式】；3、如果以上两条都无法解决，请检查人品。
5、参考资料
更多内容请查看
Table of Contents
Powered by &&|&&&zak wu 201508:40:1029348
移动网络一直连着，手机管家也在保护中，我看到有的说，手机设置里有个屏幕后台保护，可是我的没有啊，版本4.2.2的那位大神能给解决了不胜感谢，麻烦说的详细点华为荣耀3c
设置--受保护的后台应用--在微信打钩
同意楼上的说法，试试看
受保护后台里面根本没有微信，怎么打勾啊，我也碰到这个问题了，求解救
您需要注册登录后，才能回帖哦！
快速登录：苹果手机微信突然无法录制小视频分享朋友圈了，就是屏幕下拉无法弹出小视频的界面，但个人好友之间可以录制，为啥呢？
已有2个回答
[特聘专家]
内容为广告/垃圾，我要举报！
特聘专家具有协助内容审核的特权
举报后内容将不能在前台展示
错乱举报会导致该权利被剥夺
选择举报原因×
擅长领域：
参与话题：
楼主你好！& 这种情况不排除是微信自身服务器的问题！你试试用其他朋友的iphone如你所说的同样的操作，看看他是否能够推送！还有就是你的手机的固件版本是否有升级，和你的微信客户端是否是最新版本的状态，这几个原因建议楼主都可以一一的排查一下，看看是否可以出现问题！
留下你的评论
内容为广告/垃圾，我要举报！
特聘专家具有协助内容审核的特权
举报后内容将不能在前台展示
错乱举报会导致该权利被剥夺
选择举报原因×
擅长领域：
参与话题：
& & 楼主遇到的这个情况建议可以卸载之后重新安装或者升级到最新版本，这样应该就可以恢复正常了。
留下你的评论
微信公众账号ZOL问答堂
关注微信，随时随地解答您的疑惑
ZOL问答堂官方微博@ZOL问答堂
关注成功！该问题被回答后，将给您发送站内短信。
您也可以通过关注问答堂微信，及时获得您关注问题的回答。
微信关注问题方法“”

我要回帖

更多关于 一加手机屏幕问题 的文章

 

随机推荐