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>
650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/1549121105-0.jpg" title="QQ圖片20130831193829.jpg" />
包含匹配選取器
<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>
本文出自 “麥麥” 部落格,請務必保留此出處http://umgsai.blog.51cto.com/2079212/1286415