移動優先 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">

更新於:2020 年 6 月 12 日

1000+ 瀏覽

開始您的 職業生涯

完成課程即可獲得認證

開始
廣告
© . All rights reserved.