07/03 RWD responsive

  • 83
  • 0
  • RED
  • 2017-07-04

Viewport可以解決瀏覽顯示的問題

範例參考

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

-width=device-width瀏覽器顯示寬度 = 裝置的寬度

-intial-scale=1.0  相當於reset.css ,內容會同步

if 寬度設為320,並且縮放為1:1給用戶 

device-width ->畫面寬度

device-height->畫面高度

initial-scale->初始縮放比

minimum-scale ->最小可縮放比

maximum-scale ->最大可縮放比

user-scalable ->使用者是否可縮放