在head標簽中加入以上meta聲明。具體屬性可以谷歌/百度。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
我查了下viewport，有幾個屬性：
width - viewport的寬度 height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動縮放
Apple發明了viewport的meta標簽，例如：
<meta name="viewport" content="width=320, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
其中width表示網頁的布局layout寬度。
initial-scale表示初始時的縮放比例，
minimum-scale和maximum-scale分別表示最小和最大縮放比例。
這樣，上面這個meta就表示布局寬度320像素，初始縮放為1倍（即不縮放），且禁止用戶縮放（因為最大最小縮放都為1倍）——一個專為iPhone優化的網頁通常就會用這樣的設置。
如果你是針對960設計的，那么可以用這樣一個meta：
<meta name="viewport" content="width=960, initial-scale=0.33">
這表示布局寬度為960像素，初始縮放為0.33，也就是，會縮小到大約1/3，這樣正好可以在320像素的寬度里看到整個網頁。你也可以不設initial-scale，因為手機瀏覽器大多默認會初始縮放到可容納整個網頁寬度。
也可以是關鍵字device-width 表示采用設備寬度。