移動端meta行大全

2022-08-11 21:06:19 字數 600 閱讀 9391

<

meta

name=

"viewport"

content=

"width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />

width: viewport 的寬度 (範圍從 200 到 10,000 ,預設為 980 畫素 )

height: viewport 的高度 (範圍從 223 到 10,000 )

initial-scale: 初始的縮放比例 (範圍從》0到 10 )

minimum-scale: 允許使用者縮放到的最小比例

maximum-scale: 允許使用者縮放到的最大比例

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

那麼在蘋果機的safari上可以通過新增到主屏按鈕將**新增到主螢幕上。

要使用media來載入不同的啟動畫面。

// iphone

// iphone retina

移動端專用的meta標籤設定大全

更詳細介紹 viewport content width device width,initial scale 1.0,maximum scale 1.0,minimum scale 1.0,user scalable no 這個用的最多,width和height指令分別指定視區的邏輯寬度和高度。他...

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新加的乙個設定,對於...