在網頁的(de)<head>中增加以上這(zhè)句話(huà),可(kě)以讓網頁的(de)寬度自動适應手機屏幕的(de)寬度。
其中:
width=device-width :表示寬度是設備屏幕的(de)寬度
initial-scale=1.0:表示初始的(de)縮放比例
minimum-scale=0.5:表示最小的(de)縮放比例
maximum-scale=2.0:表示最大(dà)的(de)縮放比例
user-scalable=yes:表示用(yòng)戶是否可(kě)以調整縮放比例
如果是想要一打開網頁,則自動以原始比例顯示,并且不允許用(yòng)戶修改的(de)話(huà),則是:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> |