2014年8月12日 星期二

[HTML]使用 Veiwport 設定手機網頁的螢幕解析度

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


Viewport 其他屬性
width設定畫面寬度
height設定畫面高度
initial-scale設定畫面的初始縮放比例
minimum-scale設定畫面的最小縮放比例
maximum-scale設定畫面的最大縮放比例
user-scalable設定是否允許使用者改變縮放比例

根據W3C草案,在meta tag中viewport有以下屬性可設定

  • width:[數字] 或 device-width
  • height:[數字] 或 device-height
  • initial-scale:最小0.25,最大5
  • minimum-scale:最小0.25,最大5
  • maximum-scale:最小0.25,最大5
  • user-scalable:1 或 0 (yes 或 no)


[HTML]送出表單前跳出確認對話框

<input type="submit" value="送出" onclick="return confirm('確定送出?\n送出後不可修改')"/>