• 如果想要在手機或平板上依照螢幕尺寸來等比例顯示網頁，可以在HTML檔裡做以下的設定:

<meta name="viewport" content="width=device-width">

viewport與description一樣，都要先在head元素內加上meta元素，然後再於name屬性指定viewport，content屬性輸入「width=device-width」，網頁寬度就能隨著裝置的螢幕尺寸縮放。

• Android裝置在橫向瀏覽的時候，寬度會依照螢幕的尺寸來等比例顯示，但ios在橫向瀏覽時，有些機型會放大顯示原先直向顯示的畫面，如果希望iOS和Android一樣可以依瀏覽器寬度等比例顯示，就可以在viewport的content多加一個initial-scale=1.0的設定:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

• 由於iOS會在單行字多到很難閱讀時自動放大字型大小，因此如果希望不要自動放大字型大小，可以在CSS檔中加入以下設定:

body{
    -webkit-text-size-adjust: 100%;
}

• 各種viewport可在content屬性可指定的值: