移動端meta設定項詳解

2021-08-13 19:47:11 字數 880 閱讀 8020

1、h5頁面視窗自動調整到裝置寬度,並禁止使用者縮放頁面

屬性介紹:

width=device-width: 瀏覽器頁面的寬度應該等於裝置寬度。

initial-scale: 初始縮放比例,為乙個數字,可以帶小數。如果你的**不是響應式的,請不要使用 initial-scale 或者禁用縮放。

minimum-scale: 允許使用者最小縮放比例,為乙個數字,可以帶小數

maximum-scale: 允許使用者最大縮放比例,為乙個數字,可以帶小數

user-scalable: 使用者是否可以手動縮放

2、優先使用 ie 最新版本和 chrome:

說明:如果你的頁面不考慮低版本瀏覽器,那就一定要加上這條語句。

3、防止頁面中的數字被識別為**號碼。

防止不是**號碼的數字也會被瀏覽器自動解析為**號碼, 並把數字的顏色和樣式都改了。

說明:

5、表示頁面同時適合在移動裝置和pc上進行瀏覽

接下來,我們一起看看**、京東等大**,是如何設定meta項的內容。

一、天貓

天貓觸屏版

二、**

**網觸屏版

三、京東

京東 - 手機版 

四、網易

手機網易網

移動端meta標籤設定

1.設定當前html檔案的字元編碼 2設定瀏覽器的相容模式 讓ie使用最新的瀏覽器渲染 3.視口 快捷鍵 meta vp 4.cache control頭域 5.是用於設定禁止瀏覽器從本地機的快取中調閱頁面內容,設定後一旦離開網頁就無法從cache中再調出 6.禁止將頁面中的一連串數字識別為 號碼 ...

移動端設定詳解

1.width device width 應用程式的寬度和螢幕的寬度是一樣的 2.height device height 應用程式的高度和螢幕的高是一樣的 3.initial scale 1.0 應用程式啟動時候的縮放尺度 1.0表示不縮放 4.minimum scale 1.0 使用者可以縮放到...

移動端宣告及meta標籤設定

1.設定當前html檔案的字元編碼charset utf 8 2設定瀏覽器的相容模式 讓ie使用最新的瀏覽器渲染 http equiv x ua compatible content ie edge 3.視口 快捷鍵 meta vp name viewport content maximum sca...