1. 程式人生 > >響應式網站注意事項

響應式網站注意事項

1、響應式網站如何在手機上生效(viewport的使用):

在<head>標籤裡新增<meta>標籤,<meta>標籤的屬性為:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

viewport的各個屬性作用:

width:設定layout viewport的寬度,可以是一個正整數或字串“device-width”

initial-scale:設定頁面的初始縮放值,是一個數字,可以是小數

maximum:設定允許使用者最大的縮放值,是一個數字,可以是小數

minimum:設定允許使用者最小的縮放值,是一個數字,可以是小數

user-scalable:設定是否允許使用者進行縮放,“yes”表示允許,“no“表示不允許