邢臺網站建設,邢臺系統開發
邢臺網站建設,邢臺網站制作,邢臺網絡公司,邢臺系統開發,邢臺網站設計,邢臺網頁制作
15081754822
網站首頁 網站建設 系統開發 系統開發知識 手機網站 網站維護 網站案例 域名注冊 400電話 行業交流 聯系我們
 
公司主營業務
  系統開發
網站建設
手機網站
網站案例
網站維護
域名注冊
虛似主機
視頻主持人
 
關于我們
 
公司簡介
公司視頻
支付方式
人才招聘
企業文化
服務承諾
合作伙伴
下載中心
 
你所處的位置:首頁 - H5網站如何檢測移動設備橫豎屏并旋轉?
H5網站如何檢測移動設備橫豎屏并旋轉?
發布日期:2016-10-8 9:04:48

現在企業做網站越來越多的企業選擇做H5自適應網站,那么中這種自適應網站經常會遇到一個問題就,那就是在移動端展示時,如果橫屏的時候,網站不會自動旋轉,遇到這種情況怎么辦呢?

友軟科技的程序員在日前做的一個h5網站中就發現了這種問題,于是想到了一種比較簡單的解決方案,通過js來判斷移動設備是橫屏還是豎屏,如果到網站的訪問設備分辨率出現變化,那么我就讓它自動刷新一次頁面,這樣網站頁面自然就實現旋轉了。

這種方法代碼也比較少,也比較容易實現,用到的js代碼如下:

function hengshuping(){
window.location.reload();
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
除了這種方法以外,也有一些其他的判斷方式來判斷瀏覽設備的分辨率,比如css代碼中的@media,但是既要讓網頁判斷瀏覽設備分辨率,同時還要讓網頁自動旋轉,我能想到的最簡單的方法也就是以上這段代碼了,希望朋友們有什么好的方法也來這里分享一下。




作者:未知 上一條: ii7設置防止iis假死
來源:互聯網 下一條: php字符串連接
奧祥介紹 聯系我們
域名注冊 虛擬主機
成功案例 客戶服務
行業交流 支付方式
版權所有: © 2005-2015 邢臺奧祥網絡™
聯系電話:15081754822  15102693855
公司郵箱:[email protected] 《信息產業部備案 冀ICP備09043254號》
本站關鍵詞:邢臺網站建設 邢臺網站設計 河北邢臺網絡公司 邢臺網站制作公司 邢臺網站推廣邢臺網站制作
網站統計:
   業務咨詢
  在線客服
  在線客服
掃一掃 加微信好友
15081754822
香港赛马会代