移動端適配專題(一)之 meta

2021-09-02 16:37:08 字數 789 閱讀 7353

常用:

字元編碼

視口設定瀏覽器的相容模式(讓ie使用最新的瀏覽器渲染)

no-cache指示請求或響應訊息不能快取,no-store在請求訊息中傳送將使得請求和響應訊息都不使用快取,must-revalidate:告訴瀏覽器、快取伺服器,本地副本過期前,可以使用本地副本;本地副本一旦過期,必須去源伺服器進行有效性校驗。

刪除ios的safari瀏覽器工具欄和選單欄,ios7.0版本後看不到效果

ios的safari瀏覽器content設定狀態列顏色

忽略android平台中對郵箱位址的識別,ios忽略數字轉為**號碼 屬性

範圍定義

width

正整數/device-width

定義視窗寬度,單位畫素

height

正整數/device-height

定義視窗寬度,單位畫素,一般不用

initial-scale

[0.0-10.0]

定義初始縮放值

maximum-scale

[0.0-10.0]

定義放大最大比例,≥mininum-scale設定

minimum-scale

[0.0-10.0]

定義縮小最小比例,≤maximum-scale設定

user-scalable

[0.0-10.0]

定義是否允許使用者手動縮放頁面

特殊:

移動端適配之rem

現在手機業務的逐漸發展,移動端的業務原來越多,但是我們的手機品牌有很多,同乙個牌子又有很多不同的型號,比如iphone就有從iphone iphonex多種型號,每種不同型號的手機螢幕大小也不盡相同,很多時候要做適配。總結一下目前個人用的幾種適配方式 1.js less 首先在頁面的頭部加上這麼一段...

meta標籤 移動端

手機網頁可以通過meta標籤設定縮放,撥號的超連結 縮放 網頁手機wap2.0網頁的head裡加入下面這條元標籤,在iphone的瀏覽器中頁面將以原始大小顯示,並不允許縮放。width viewport的寬度 height viewport的高度 initial scale 初始的縮放比例 mini...

移動端meta標籤

設定這些meta標籤的主要作用是描述網頁,便於搜尋引擎抓取 相容瀏覽器,適配移動端 開啟或者是禁止一些預設的樣式和預設的事件等等。1 作用 ie edge告訴ie使用最新的引擎渲染網頁,chrome 1則可以啟用chrome frame x ua compatible是自從ie8新加的乙個設定,對於...