viewport 的設定,在手機版網頁的設定很基礎但也超重要的!
viewport 可以設定的屬性如下:
meta name = "viewport" content = "width = device-width, user-scalable = yes"
width = device-width指的是讓裝置自行定義螢幕寬度,當然也可以輸入個值來定義,如 width:320
只是目前的手機螢幕大小尺寸還是很多,寬度從240~480都有,而且有些使用者會習慣將螢幕翻轉成橫式,所以定義螢幕寬度這件事還是由裝置自行判斷比較好些...
height = device-height
高度其實是可以省掉不用設定
user-scalable=yes
畫面是否要讓使用者放大縮小,預設值是yes,如果不希望畫面被放大縮小,將yes改成no即可,但手機畫面已經那麼小了,可以放大檢視還是比較人性化些
minimum-scale=1
縮小的最小限度,預設是1,最小值是0.25
maximum-scale=5
放大的最大限度,預設是5,最大值是10
0 意見:
張貼留言