元資料：
定義快取：
content的值：
public：任何地方可以快取網頁；
private：單個使用者私有，會在乙個私有快取區快取網頁，快取的網頁僅能傳送給單個客戶端；
no-cache：不能快取在任何快取區域；
no-store：響應和導致該響應的請求不能儲存在任何快取區內；
no-transform：**有可能修改http響應的包頭字段，該設定為不允許修改；
must-revalidate：http允許快取在某些特定情況下返回過期資料；
proxy-revalidate：與must-revalidate基本相同，但不應用到非共享的快取；
max-age：以秒為單位的快取最大過期時間；
s-maxage：用於**的共享快取，對於**，可以覆蓋max-age。
應用程式名：
輸入模式（inputmode）：
通常為input、textarea增加該屬性；
數字：inputmode="digits"
拉丁小字：inpuymode="latin lowercase"
視點：決定網頁的布局區域。
手機上瀏覽器沒有視窗概念，沒有滾動條，不能進行大小調整；
手機瀏覽器與桌面瀏覽器有不同互動方式；
手機上的視點不等同於瀏覽器的可視區域，手機上的瀏覽器設定了乙個固定、預設的視點大小。
@viewport規則
max-height：定義視點最大高度（數值、百分比、auto、device-height）max-width：定義視點最大寬度（數值、百分比、auto、device-width）
max-zoom：定義視點所允許最大縮放比例（數值、百分比、auto）
min-height：定義視點最小高度（數值、百分比、auto、device-height）
min-width ：定義視點最小高度（數值、百分比、auto、device-width ）
min-zoom：定義視點所允許最大縮放比例（ 數值、百分比、auto）
orientation：指定裝置方向（auto、豎屏portrait、橫屏landscape）
resolution：解析度（auto、dpi、dpcm）
user-zoom：是否允許使用者縮放（zoom可以、fixed不允許）
height：同時定義最大、最小高度
width：同時定義最大最小高度
zoom：指定初始縮放比例
手機網頁開發簡單總結
1.手機螢幕的寬度不統一，我們強制給文件設定乙個比例 viewport content width device width,initial scale 1.0,maximum scale 1.0,user scalable 0 定義 device width是通知瀏覽器使用裝置的寬度作為可視區的寬...
手機網頁 viewport 元素標記說明
用法 我們用乙個網頁來測試，未加viewport標記的原始網頁內容 hello world 顯示結果如下圖 當然，我們也可以通過告訴瀏覽器網頁是針對手機瀏覽的。通過設定viewport的寬度等於 裝置寬度 width device width 告訴瀏覽器，手機裝置寬度是320px，而不是預設980p...
手機網頁 viewport 元素標記說明
用法 我們用乙個網頁來測試，未加viewport標記的原始網頁內容 hello world 顯示結果如下圖 當然，我們也可以通過告訴瀏覽器網頁是針對手機瀏覽的。通過設定viewport的寬度等於 裝置寬度 width device width 告訴瀏覽器，手機裝置寬度是320px，而不是預設980p...