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

2021-07-14 04:25:49 字數 760 閱讀 3588

今天通過手機預覽了一下目前正在做的**,發現完全不是自己期望的效果,如下

但是pc端預覽是ok的。

為手機端開發乙個站點。判斷當前是不是手機訪問,然後跳轉到相應的**。

function ismobile()		

//判斷手機傳送的客戶端標誌,相容性有待提高

}//協議法,因為有可能不準確,放到最後判斷

}

讓其自適應,比如使用bootstrap等。最簡單的方法是

新增如下**

可以讓網頁的寬度自動適應手機螢幕的寬度。

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 在網頁的中增加以上這句...