html網頁寬度自動適應手機螢幕

2021-10-01 07:14:23 字數 454 閱讀 5773

可以通過設定螢幕的縮放比例來實現:

一、使用meta標籤,這也是普遍使用的方法,理論上講使用這個標籤是可以適應所有尺寸的螢幕的,但是各裝置對該標籤的解釋方式及支援程度不同造成了不能相容所有瀏覽器或系統。

(1)、通過設定請求頭實現:

在網頁的中增加以上這句話,可以讓網頁的寬度自動適應手機螢幕的寬度。
其中:

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

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

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

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

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

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

在網頁的中增加以上這句話,可以讓網頁的寬度自動適應手機螢幕的寬度。其中 width device width 表示寬度是裝置螢幕的寬度 initial scale 1.0 表示初始的縮放比例 minimum scale 0.5 表示最小的縮放比例 maximum scale 2.0 表示最大的縮放比...

網頁寬度自動適應手機螢幕寬度的方法

在網頁的中增加以上這句話,可以讓網頁的寬度自動適應手機螢幕的寬度。其中 width device width 表示寬度是裝置螢幕的寬度 initial scale 1.0 表示初始的縮放比例 minimum scale 0.5 表示最小的縮放比例 maximum scale 2.0 表示最大的縮放比...

網頁寬度自動適應手機螢幕寬度的方法

html view plain copy meta name viewport content width device width,initial scale 1.0,minimum scale 0.5,maximum scale 2.0,user scalable yes 在網頁的中增加以上這句...