width指定虚拟窗口的屏幕宽度大小。
height指定虚拟窗口的屏幕高度大小。
initial-scale 指定初始缩放比例。
maximum-scale指定允许用户缩放的最大比例。
minimum-scale 指定允许用户缩放的最小比例。
user-scalable 指定是否允许手动缩放。
<!DOCTYPE html> <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>
本文出自 “阿凡达” 博客，请务必保留此出处http://shamrock.blog.51cto.com/2079212/1286415