手機端網頁的頭部meta標籤裡面都應該配置些啥?

沒腫么寫過手機端頁面呀,話說貌似手機端頁面裡面頭部會有一些meta標籤然而很多看上去有炫酷又不知道有什麼用,所以求一些常用的適用的meta標籤,另外順路問一嘴,header和footer是用position:fixed定位嗎?


header和footer 可以看成是DIV正常用css操作就行了

一、天貓
&天貓觸屏版&
&
&
&
&
&
&

二、淘寶
&淘寶網觸屏版&
&
&
&
&
&
&
&
&
&
&
&

三、京東
& 京東 - 手機版 &
&
&
&
&

四、網易
&手機網易網&
&
&
&
&

五、百度
&
&
&

meta指元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。 標籤位於文檔的頭部,不包含任何內容。 標籤的屬性定義了與文檔相關聯的名稱/值對。
手機端特有的有哪些?
&
&
&
&
第一個meta標籤表示:強制讓文檔的寬度與設備的寬度保持1:1,並且文檔最大的寬度比例是1.0,且不允許用戶點擊屏幕放大瀏覽;
width - viewport的寬度 height - viewport的高度
initial-scale - 初始的縮放比例
minimum-scale - 允許用戶縮放到的最小比例
maximum-scale - 允許用戶縮放到的最大比例
user-scalable - 用戶是否可以手動縮放
第二個meta標籤是iphone設備中的safari私有meta標籤,它表示:允許全屏模式瀏覽;
第三個meta標籤也是iphone的私有標籤,它指定的iphone中safari頂端的狀態條的樣式;
在web app應用下狀態條(屏幕頂部條)的顏色;
默認值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。
注意:若值為「black-translucent」將會佔據頁面px位置,浮在頁面上方
(會覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
第四個meta標籤表示:告訴設備忽略將頁面中的數字識別為電話號碼。


推薦閱讀:

關於div+css布局的定位?
css脫離文檔流到底是什麼意思,脫離文檔流就不佔據空間了嗎?脫離文檔流是不是指該元素從dom樹中脫離?
為何現在前端很少有網站使用FLEX布局?
position:fixed 默認是相對瀏覽器窗口定位的,怎麼實現相對父級元素定位呀?父級設置position:relative不管用.
單行網頁文字如何在移動端實現兩端對齊?

TAG:CSS布局 | 手機網頁端 |