Viewport可以設定html的初始解析度,是否允許縮放等等的功能

 


 

<!doctype html>
<html>
<meta charset="utf-8"/>

<meta name="viewport"
content="width=device-width,user-scaleble=yes,initial-scale=1.0,maximum-scale=3.0"/>

<title>Viewport</title>
<p>Viewport可以讓Html可以在行動裝置上依照解析度去縮放</p>

</html>


說明:

屬性  功能 
 width 寬度,可以指定device-width 
 height 長度,可以指定device-height  
 initial-scale 初始比例 
 minimum-scale 最小比例,預設為0.25,範圍為 0~10.0
 maximum-scale      最大比例 0~10.0
 user-scalable 以yes/no指定使用者可不可以進行縮放 

創作者介紹

Mazs's Notes

cookiesp 發表在 痞客邦 PIXNET 留言(0) 人氣()