网站地图 | XML地图
服务热线:173-1265-7712
当前位置: 成都seo公司 > 网站建设 >

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

发表日期:2017-11-20 内容来源:成都网站优化公司

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

 
    我们在日前做的一个h5网站中就发现了这种问题,于是想到了一种比较简略的解决方案,经过js来判别移动设备是横屏仍是竖屏,如果到网站的访问设备分辨率呈现改变,那么我就让它主动改写一次页面,这样网站页面自然就完成旋转了。
 
    这种办法代码也比较少,也比较简略完成,用到的js代码如下:
 
    function hengshuping(){
 
    window.location.reload();
 
    }
 
    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
 
    除了这种办法以外,也有一些其他的判别办法来判别阅读设备的分辨率,比方css代码中的“@media”,可是既要让网页判别阅读设备分辨率,一起还要让网页主动旋转,我能想到的简略的办法也就是以上这段代码了,期望朋友们有什么好的办法也来这儿分享一下。

返回列表

成都seo猎搜网络
成都seo优化公司
  • 【猎搜网络】成都网站优化公司期待与您合作,共赢未来!
  • 成都seo、成都关键词排名、成都搜索引擎排名优化、成都网络推广