Welcome 微信登录
编程资源 图片资源库 蚂蚁家优选 PDF转换器

首页 / 操作系统 / Linux / HTML5移动Web开发笔记

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>相关阅读:HTML5中Web存储方式 http://www.linuxidc.com/Linux/2013-06/86049.htmHTML5与CSS3实战指南 PDF  http://www.linuxidc.com/Linux/2013-02/79910.htm《HTML5与CSS3权威指南》及相配套源码 http://www.linuxidc.com/Linux/2013-02/79950.htmHTML5实现网页元素的拖放操作 http://www.linuxidc.com/Linux/2013-01/77370.htm