windows phone8下使用Bootstrap螢幕變小解決方案
Bootstrap雖說在老舊的瀏覽器中存在問題,但是標準瀏覽器的普及,它的使用率必然會越來越高,網站快速而美觀的開發也將越來越便利,Bootstrap在最新的裝置中一般沒有任何問題,但是在windows phone8下有一個相容性問題,就是它會讓螢幕顯示變小。
解決方案:
在bootstrap.css檔案中具有如下程式碼:
[CSS] 純文字檢視 複製程式碼@-ms-viewport { width: device-width; }
頁面寬度被設定成裝置的寬度.而在實際中,並不是想要的結果,需要根據我的網頁內容自動適應。
解決方案如下:
[JavaScript] 純文字檢視 複製程式碼if(navigator.userAgent.match(/IEMobile\/10\.0/)){ var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild( document.createTextNode( "@-ms-viewport{width:auto!important}" ) ); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); }
相關文章
- iOS螢幕旋轉解決方案iOS
- Windows10電腦開機螢幕變成紅色的解決方法Windows
- 淺談-web螢幕適配的解決方案Web
- oled螢幕不卡方案
- Android 螢幕適配:最全面的解決方案Android
- led螢幕的安裝方式及故障解決方案
- 劇場劇院LED螢幕“中國式”解決方案
- 大螢幕實時資料視覺化解決方案?視覺化
- 重灌win10螢幕變小怎麼辦_win10重灌系統螢幕變小的解決方法Win10
- Android螢幕適配方案Android
- 安卓螢幕適配的方案安卓
- Android 螢幕適配方案Android
- win10螢幕變寬了怎麼回事_win10螢幕太寬的解決方法Win10
- win10螢幕亮度自動變暗怎麼辦_win10螢幕亮度自動變暗的解決方法Win10
- Android螢幕適配方案分析Android
- windows10系統出現橙色螢幕的解決方法Windows
- windows10系統螢幕畫面發白如何解決Windows
- 筆記本螢幕變暗的原因分析以及解決方法筆記
- 電腦螢幕不停一黑一亮 電腦螢幕一下黑一下亮怎麼解決
- LED螢幕監控運維管理方案運維
- 基於rem的螢幕適配方案REM
- mac上螢幕擴充套件方案研究Mac套件
- windows7視窗跑到螢幕外面Windows
- Windows 8.1怎麼給螢幕截圖Windows
- 動態改變螢幕設定 (轉)
- VC實現螢幕變暗效果 (轉)
- Mac蓋上螢幕後外接螢幕持續黑畫面的解決方法Mac
- Windows10系統下鎖定螢幕超時的設定方法Windows
- Windows環境下Rails安裝Bootstrap失敗解決方法WindowsAIboot
- Windows 8如何調整螢幕解析度Windows
- WebRTC本地分享螢幕,錄製螢幕Web
- 解決WinForm程式在高DPI螢幕下介面縮放錯誤ORM
- 解決電腦螢幕鎖定教程
- 一種低成本的Flutter螢幕適配方案Flutter
- 使用瀏覽器錄製螢幕瀏覽器
- flutter 啟動螢幕使用 Lottie 動畫Flutter動畫
- 使用screego自建桌面投影/共享螢幕Go
- 如何在Mac上使用螢幕共享Mac