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:指定初始縮放比例
手機網頁的HTML
元數據:
定義緩存:
<meta http-equiv="Cache-Control" content="">
content的值:
public:任何地方可以緩存網頁;
private:單個用戶私有,會在一個私有緩存區緩存網頁,緩存的網頁僅能發送給單個客戶端;
no-cache:不能緩存在任何緩存區域;
no-store:響應和導致該響應的請求不能存儲在任何緩存區內;
no-transform:代理有可能修改HTTP響應的包頭字段,該設置爲不允許修改;
must-revalidate:HTTP允許緩存在某些特定情況下返回過期數據;
proxy-revalidate:與must-revalidate基本相同,但不應用到非共享的緩存;
max-age:以秒爲單位的緩存最大過期時間;
s-maxage:用於代理的共享緩存,對於代理,可以覆蓋max-age。
應用程序名:
<meta name="application-name" content="應用程序名字">
超鏈接:
郵箱鏈接:<a href="mailto:[email protected]">發送郵件</a>
電話鏈接:<a href="tel:134-303-76410">撥打號碼</a>
短信鏈接:<a href="sms:13430376410">發送短信</a>
輸入模式(inputmode):
通常爲input、textarea增加該屬性;
數字:inputmode="digits"
拉丁小字:inpuymode="latin lowerCase"
視點:決定網頁的佈局區域。
手機上瀏覽器沒有窗口概念,沒有滾動條,不能進行大小調整;
手機瀏覽器與桌面瀏覽器有不同交互方式;
手機上的視點不等同於瀏覽器的可視區域,手機上的瀏覽器設定了一個固定、默認的視點大小。
@viewport規則
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.