這篇文章主要介紹bootstrap能不能用于移動端,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
bootstrap是目前比較流行的響應(yīng)式開發(fā)框架,自然可以用于移動端的開發(fā)。不過想要移動設(shè)備優(yōu)先,也需要進行一些設(shè)置。
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)頁未加載完畢而這兩個文件先加載可能產(chǎn)生的不必要的問題
為了確保適當(dāng)?shù)睦L制和觸屏縮放,需要在
之中添加 viewport 元數(shù)據(jù)標(biāo)簽。在移動設(shè)備瀏覽器上,通過為視口(viewport)設(shè)置 meta 屬性為 user-scalable=no 可以禁用其縮放(zooming)功能。這樣禁用縮放功能后,用戶只能滾動屏幕,就能讓你的網(wǎng)站看上去更像原生應(yīng)用的感覺。注意,這種方式我們并不推薦所有網(wǎng)站使用,還是要看你自己的情況而定!
補充:
meta:
width:可視區(qū)域的寬度,值可為數(shù)字或關(guān)鍵詞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能不能用于移動端”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!