html5移動web開發筆記

時間 2019-11-20

標籤 html5 html 移動 web 開發筆記欄目 HTML5 简体版

原文原文鏈接

width指定虛擬窗口的屏幕寬度大小。 css

height指定虛擬窗口的屏幕高度大小。 html

initial-scale 指定初始縮放比例。測試

maximum-scale指定容許用戶縮放的最大比例。 ui

minimum-scale 指定容許用戶縮放的最小比例。 spa

user-scalable 指定是否容許手動縮放。scala

<!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>

包含匹配選擇器code

<div id="article">測試包含匹配屬性選擇器</div>
<div id="subarticle">測試包含匹配屬性選擇器</div>
<div id="article1">測試包含匹配屬性選擇器</div>
<style type="text/css">
[id*=article]{
  color:red;
}
</style>

首字符匹配選擇器htm

<div id="article">測試首字符匹配選擇器 </div>
<div id="subarticle">測試首字符匹配選擇器 </div>
<div id="article1">測試首字符匹配選擇器 </div>
<style type="text/css">
[id^=article]{
  color:red;
}
</style>

尾字符匹配選擇器 blog

<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圖片