2013年8月6日星期二

[手機版網頁製作] 留意以支援各種手機瀏覽

昔日手機的屏幕解象度都是低解象度的, 但今日手機的解象度已經可以與電腦相若, 網頁製作者苦惱不知如何面向差參的解象度, 以下其中一個解決方案, 是用 META tag 去告訴手機瀏覽器, 指定畫面闊度來載入網頁, 例如:

<meta name="viewport" content="width=device-width" />
<meta name="MobileOptimized" content="320" />
<meta name="HandheldFriendly" content="true"/>
<meta name="format-detection" content="telephone=no"/> 

這裡指定網頁闊度是 320 px, 這樣避免了手機瀏覽時需要左右捲動畫面的煩惱

9 則留言:

最近文章