十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
小編給大家分享一下bootstrap用來開發(fā)移動端嗎,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
bootstrap是目前比較流行的響應式開發(fā)框架,自然可以用于移動端的開發(fā)。不過想要移動設備優(yōu)先,也需要進行一些設置。
bootstrap的環(huán)境至少需要3個文件:
●bootstrap.min.css
●jquery.mis.js
●bootstrap.min.js
需要注意的是:
bootstrap.min.css
jquery.mis.js
bootstrap.min.js
這三個文件的引入順序一定不能錯亂,一般把
jquery.mis.js
bootstrap.min.js
這兩個文件放入HTML網(wǎng)頁的最底部,這么做的原因是為了防止網(wǎng)頁未加載完畢而這兩個文件先加載可能產生的不必要的問題
為了確保適當?shù)睦L制和觸屏縮放,需要在
之中添加 viewport 元數(shù)據(jù)標簽。在移動設備瀏覽器上,通過為視口(viewport)設置 meta 屬性為 user-scalable=no 可以禁用其縮放(zooming)功能。這樣禁用縮放功能后,用戶只能滾動屏幕,就能讓你的網(wǎng)站看上去更像原生應用的感覺。注意,這種方式我們并不推薦所有網(wǎng)站使用,還是要看你自己的情況而定!
補充:
meta:
width:可視區(qū)域的寬度,值可為數(shù)字或關鍵詞device-width
height:同width
intial-scale:頁面首次被顯示是可視區(qū)域的縮放級別,取值1.0則頁面按實際尺寸顯示,無任何縮放
maximum-scale=1.0, minimum-scale=1.0;可視區(qū)域的縮放級別,
maximum-scale用戶可將頁面放大的程序,1.0將禁止用戶放大到實際尺寸之上。
user-scalable:是否可對頁面進行縮放,no 禁止縮放
看完了這篇文章,相信你對bootstrap用來開發(fā)移動端嗎有了一定的了解,想了解更多相關知識,歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,感謝各位的閱讀!