bootstrap用來開發(fā)移動端嗎-創(chuàng)新互聯(lián)

小編給大家分享一下bootstrap用來開發(fā)移動端嗎，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司IDC提供業(yè)務(wù):成都服務(wù)器托管,成都服務(wù)器租用,成都服務(wù)器托管,重慶服務(wù)器租用等四川省內(nèi)主機托管與主機租用業(yè)務(wù);數(shù)據(jù)中心含:雙線機房,BGP機房,電信機房,移動機房,聯(lián)通機房。

bootstrap是目前比較流行的響應(yīng)式開發(fā)框架，自然可以用于移動端的開發(fā)。不過想要移動設(shè)備優(yōu)先，也需要進行一些設(shè)置。

bootstrap的環(huán)境至少需要3個文件：

●bootstrap.min.css

●jquery.mis.js

●bootstrap.min.js

<!-- 新 Bootstrap 核心 CSS 文件 -->  
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">  
  
<!-- 可選的Bootstrap主題文件（一般不用引入） -->  
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">  
  
<!-- jQuery文件。務(wù)必在bootstrap.min.js 之前引入 -->  
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>  
  
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

需要注意的是：

bootstrap.min.css

jquery.mis.js

bootstrap.min.js

這三個文件的引入順序一定不能錯亂，一般把

jquery.mis.js

bootstrap.min.js

這兩個文件放入HTML網(wǎng)頁的最底部，這么做的原因是為了防止網(wǎng)頁未加載完畢而這兩個文件先加載可能產(chǎn)生的不必要的問題

為了確保適當?shù)睦L制和觸屏縮放，需要在 <head> 之中添加 viewport 元數(shù)據(jù)標簽。

<meta name="viewport" content="width=device-width, initial-scale=1">

在移動設(shè)備瀏覽器上，通過為視口（viewport）設(shè)置 meta 屬性為 user-scalable=no 可以禁用其縮放（zooming）功能。這樣禁用縮放功能后，用戶只能滾動屏幕，就能讓你的網(wǎng)站看上去更像原生應(yīng)用的感覺。注意，這種方式我們并不推薦所有網(wǎng)站使用，還是要看你自己的情況而定！

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

補充:

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用來開發(fā)移動端嗎有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

文章標題：bootstrap用來開發(fā)移動端嗎-創(chuàng)新互聯(lián)
地址分享：http://www.chinadenli.net/article38/dpidsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、Google、微信公眾號、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站制作、網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

bootstrap用來開發(fā)移動端嗎-創(chuàng)新互聯(lián)