手機網站寬度自動適應手機螢幕

其中：

width=device-width ：表示寬度是裝置螢幕的寬度

initial-scale=1.0 ：表示初始的縮放比例

minimum-scale=0.5 ：表示最小的縮放比例

maximum-scale=2.0 ：表示最大的縮放比例

user-scalable=yes ：表示使用者是否可以調整縮放比例

如果希望開啟網頁就自動以原始比例顯示，不允許使用者修改的話，則將以上代碼修改為：

查看代碼列印

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

方法二：

把頁面最頂部類似下面這段代碼：

替換為：

查看代碼列印

1

