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

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

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

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

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文件。務必在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">

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

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

補充:

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è)資訊頻道，感謝各位的閱讀！

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

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

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

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

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