html5移动web开发笔记

时间：2021-05-19 08:51:07

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>

html5移动web开发笔记

包含匹配选择器

<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

相关文章