移動Web開發常規CSS總結

常用的HTML頁面標籤:

Section,div,artical,p,ol,ul,li,header,footer,span,form,input,label,h1,h2,h3

<head>標籤裏面的內容:Title,meta,link

meta:

<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0;"name="viewport"/>

<meta content="yes" name="apple-mobile-web-app-capable"/>

<meta content="black" name="apple-mobile-web-app-status-bar-style"/>

<meta content="telephone=no" name="format-detection"/>

<meta content="email=no" name="format-detection"/>

<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1"media="(device-height:568px)"name="vuewport"/>

第一個meta標籤表示:強制讓文檔的寬度與設備的寬度保持1:1,並且文檔最大的寬度比例是1.0,且不允許用戶點擊屏幕放大瀏覽器;user-scalable:用戶是否可以手動縮放

第二個meta標籤是iphone設備中的safari私有meta標籤,它表示:允許全屏模式瀏覽;

第三個meta標籤也是iphone的私有標籤,它指定的iphone中safari頂端的狀態條的樣式;

第四個meta標籤表示:告訴設備忽略將頁面中的數字識別爲電話號碼

第五個meta標籤:用於忽略將頁面中郵件地址

第六個就是最大的高度限定在568Px以內,這個可以忽略,因爲我們都會用滑動來代替;當然了,可以用在頁面佈局不多的地方!



發佈了22 篇原創文章 · 獲贊 5 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章