移動優先 Bootstrap
Bootstrap 自 Bootstrap 3 開始變得移動優先。這意味著可以在整個庫中找到“移動優先”風格,而不是在單獨的檔案中找到它們。你需要將視窗元標記新增到 <head> 元素中,以確保正確呈現和觸控縮放移動裝置上的內容。
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
如下:
- 寬度 屬性控制裝置的寬度。將其設定為裝置寬度將確保它能在各種裝置(移動裝置、桌上型電腦、平板電腦等)上正確呈現。
- initial-scale = 1.0 確保在載入時,你的網頁將以 1:1 的比例呈現,並且開箱即用時不會應用縮放。
新增 user-scalable = no 到內容屬性中以停用移動裝置上的縮放功能,如下所示。此更改後,使用者只能滾動,不能縮放,從而使你的網站感覺更像原生應用程式。
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no">
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP