您好,登錄后才能下訂單哦!
bootstrap使用了一些html5元素和css屬性,所以頁面的文檔類型應為html5
<!DOCTYPE html> <html> .... </html>
bootstrap3設計目標是移動設備優先,所以是一個開發移動端頁面的好的選擇,為了讓它更好的對移動設備友好,需要添加如下標簽:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
device-width是為了確保讓它正確呈現在不同的設備上,initial-scale為了確保網頁加載時以1:1比例加載
當然我們也可以加上maximum-scale=1.0和user-scalable=no,讓用戶體驗上更像是原生應用,頁面只能滾動
如果你需要在ie8或以下版本瀏覽器支持html5元素和媒體查詢,可以加入以下插件
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]-->
下面這行代碼聲明的是瀏覽器如何渲染頁面
<meta http-equiv="X-UA-Compatible" content="IE=edge">
意味著ie瀏覽器8/9及以后的版本都以最高版本ie渲染頁面
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。