PC快捷导航 | 免费赠品 | 联系我们 | Sitemap
友软科技联系电话:0311-82065950
营销型网站更赚钱
当前位置:友软科技 > 新闻资讯 > 建站资讯

H5网站如何检测移动设备横竖屏并旋转?

发表日期:2016/3/2 17:41:37   内容来源:

现在企业做网站越来越多的企业选择做H5自适应网站,那么中这种自适应网站经常会遇到一个问题就,那就是在移动端展示时,如果横屏的时候,网站不会自动旋转,遇到这种情况怎么办呢?

友软科技的程序员在日前做的一个h5网站中就发现了这种问题,于是想到了一种比较简单的解决方案,通过js来判断移动设备是横屏还是竖屏,如果到网站的访问设备分辨率出现变化,那么我就让它自动刷新一次页面,这样网站页面自然就实现旋转了。

这种方法代码也比较少,也比较容易实现,用到的js代码如下:

function hengshuping(){
window.location.reload();
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

除了这种方法以外,也有一些其他的判断方式来判断浏览设备的分辨率,比如css代码中的“@media”,但是既要让网页判断浏览设备分辨率,同时还要让网页自动旋转,我能想到的最简单的方法也就是以上这段代码了,希望朋友们有什么好的方法也来这里分享一下。

本文链接:http://www.urkeji.com/content/2459.html (转摘请注明出处)
若无特别注明,本站内容均为原创;网站优化业务请咨询本站在线客服!

广州网站建设idcna

广州网站建设idcna是人们在搜索广州网站建设是出现在百度联想去的一个关键词,这个关键词暂时没有对应的网络公司出现在首页,可能是这个网络公司的网站被百度K掉了,或者是一个新的网络公司,网站暂时还没有排名,但是用户体验比较好,所以有人搜索“广州网站建设idcna”这个词。 不管这个词是为什么出现在百度联想区的,不过我想你既然看到这篇文章,证明你就是想做网站,而且你是广州的个人或者企业,否则你也不会搜索这个关键词找到我们。 接下来就说一下我们的网站建设流程及价格: 广州地区网站建设领域我们可以说是价格最低的了,普通企业站最低只需688元起做,搜索引擎友好型网站1800...展开阅读▽

香港云服务器部分节点维护通知

【通知】:今天香港机房cdn节点维护,部分香港共享IP虚拟主机用户和使用香港cdn节点的用户虚拟主机今天将无法访问,维护时间预计2小时左右,请大家做好心理准备,期间出现无法访问的情况不要惊慌。 维护CDN节点是为了能够更好的为大家提供安全、快速的网站访问体验,目前机房虚拟主机控制面板又做了很多方面的升级,下周将逐步上线更多新的功能,大家尽情关注。...展开阅读▽

关于网站发布如何合作的说明

对于很多刚解除网站制作的朋友来说,总是不知道网站制作及网站发布合作流程,今天我就网站发布合作流程做一下简单的说明,希望大家能够更好的了解本站的网站制作及网站发布流程。 首先、与客户沟通并确认网站样式及功能 客户想要做网站的时候必须先确保自己对网站功能或者网站的样式有一个整体的规划及布局,如果自己会通过作图软件设计图稿的话可以直接设计网站布局效果图,然后我们按照效果图来设计网站。如果你自己不会设计效果图的话可以直接参考同行的其他企业网站,然后直接把同行企业网站你认为精美的告诉我们的客服,我们的客服人员会根据你要参考的网站给你设计。 如果以上两种方法都不适合你,你也可以直接把你心中的想法告诉...展开阅读▽