2011年5月11日

手機版網站研究之五『手機版網站頁面設定』


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
facebook討論

0 意見:

 

One Design Copyright © 2009 BeMagazine Blogger Template is Designed by Blogger Template
In Collaboration with fifa