[css]響應式meta的一些參數筆記

  • 540
  • 0
  • css
  • 2017-10-04

[css]響應式meta的一些參數筆記

筆者一直對css都是最偏弱的一塊,如果不套個bootstrap的話,要叫我做響應式網頁,可能連入門者都做得比我快和好,下定決心來好好研究css和響應式網頁,不過要學好一個東西最重要的就是實做和關鍵字的掌握,而這邊就先來筆記一下有關meta的一些筆記,以免讀完隔兩天又忘記了,又要重新尋找什麼情境如何設定。

讓解析度與裝置同寬

<meta name="viewport" content="width=device-width" />

如果要強制設定解析度的話,可以直接寫死

畫面縮放相關設定

initial-scale為初始比例,如果數字為5的話,則代表為5倍大

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

maximum-scale=1則代表手指能放大的比例,1就是不能再放大了

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

user-scalable=no則代表不能用手去放大縮小

  <meta name="viewport" content="width=device-width, user-scalable=no" />

minimum-scale=1,代表的是最小縮放

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