Skip to content

Commit

Permalink
background-size问题完善
Browse files Browse the repository at this point in the history
  • Loading branch information
@2fps
2fps committed Jun 5, 2019
1 parent 9ac16c3 commit f567079
Show file tree
Hide file tree
Showing 4 changed files with 46 additions and 1 deletion.
3 changes: 3 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,9 @@ npm run build

## 2019

### 06
+ [background-size为100% 100%时背景图填充不完整](view/2019/06/background-size为100% 100%时背景图填充不完整/index.html)，帮助信息查看：[README.md](view/2019/06/background-size为100% 100%时背景图填充不完整/README.md)

### 05
+ [chrome下rem单位与12px问题](view/2019/05/chrome下rem单位与12px问题/index.html)，帮助信息查看：[README.md](view/2019/05/chrome下rem单位与12px问题/README.md)
+ [ES6中的尾递归优化](view/2019/05/ES6中的尾递归优化/index.html)，帮助信息查看：[README.md](view/2019/05/ES6中的尾递归优化/README.md)
Expand Down
4 changes: 4 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@ <h3 id="启动服务，查看demo">启动服务，查看demo</h3>
访问对应端口即可查看demo。 </p>
<h3 id="重新编译">重新编译</h3>
<pre><code>npm run build</code></pre><h2 id="2019">2019</h2>
<h3 id="06">06</h3>
<ul>
<li>[background-size为100% 100%时背景图填充不完整](view/2019/06/background-size为100% 100%时背景图填充不完整/index.html)，帮助信息查看：[README.md](view/2019/06/background-size为100% 100%时背景图填充不完整/README.md) </li>
</ul>
<h3 id="05">05</h3>
<ul>
<li><a href="view/2019/05/chrome%E4%B8%8Brem%E5%8D%95%E4%BD%8D%E4%B8%8E12px%E9%97%AE%E9%A2%98/index.html">chrome下rem单位与12px问题</a>，帮助信息查看：<a href="view/2019/05/chrome%E4%B8%8Brem%E5%8D%95%E4%BD%8D%E4%B8%8E12px%E9%97%AE%E9%A2%98/README.md">README.md</a> </li>
Expand Down
2 changes: 1 addition & 1 deletion view/2019/06/background-size为100% 100%时背景图填充不完整/README.md
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
## background-size为100% 100%时背景图填充不完整

background-size为100% 100%时背景图填充不完整
详细说明的地址：[background-size为100% 100%时背景图填充不完整](http://www.zhuyuntao.cn/2019/06/04/background-size为100% 100%时背景图填充不完整/)。
详细说明的地址：[background-size为100% 100%时背景图填充不完整](http://www.zhuyuntao.cn/2019/06/05/background-size为100-100时背景图填充不完整/)。

### 说明

Expand Down
38 changes: 38 additions & 0 deletions view/2019/06/background-size为100% 100%时背景图填充不完整/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h3>请查看README</h3>
<pre>
同README.md
## background-size为100% 100%时背景图填充不完整

background-size为100% 100%时背景图填充不完整
详细说明的地址：[background-size为100% 100%时背景图填充不完整](http://www.zhuyuntao.cn/2019/06/04/background-size为100% 100%时背景图填充不完整/)。

### 说明

#### 图片说明
111.png 10px * 10px 宽高1 : 1的图片
222.png 40px * 10px 宽高4 : 1的图片

#### 小数有间隙.html
当宽高是小数时，background-size为100% 100% 出现不完全覆盖的问题。
#### 整数无间隙.html
当宽高是整数时，background-size为100% 100% 不会出现不完全覆盖的问题。
#### 100%保持宽高比.html
background-size为100%时的真实含义。
#### 100%无间隙.html
当宽高是小数时，background-size为100% 不会出现不完全覆盖的问题。
#### contain.html
background-size为contain时的用法。
#### cover.html
background-size为cover时的用法。
</pre>
</body>
</html>

0 comments on commit f567079

Please sign in to comment.