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