HTML5移動Web開發筆記
width指定虛擬窗口的屏幕寬度大小。
height指定虛擬窗口的屏幕高度大小。
initial-scale 指定初始縮放比例。
maximum-scale指定允許用戶縮放的最大比例。
minimum-scale 指定允許用戶縮放的最小比例。
user-scalable 指定是否允許手動縮放。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.2,minimum-scale=1,maximum-scale=2,user-scalable=yes,target-densitydpi=high-dpi"/>
</head>
<body>
<div id="article">測試完全匹配屬性選擇器</div>
<style type="text/css">
[id=article]{
color:red;
}
</style>
</body>
</html>
包含匹配選擇器
<div id="article">測試包含匹配屬性選擇器</div>
<div id="subarticle">測試包含匹配屬性選擇器</div>
<div id="article1">測試包含匹配屬性選擇器</div>
<style type="text/css">
[id*=article]{
color:red;
}
</style>
首字符匹配選擇器
<div id="article">測試首字符匹配選擇器 </div>
<div id="subarticle">測試首字符匹配選擇器 </div>
<div id="article1">測試首字符匹配選擇器 </div>
<style type="text/css">
[id^=article]{
color:red;
}
</style>
尾字符匹配選擇器
<div id="article">測試尾字符匹配選擇器 </div>
<div id="subarticle">測試尾字符匹配選擇器 </div>
<div id="article1">測試尾字符匹配選擇器 </div>
<style type="text/css">
[id$=article]{
color:red;
}
</style>