每天一点小进步,background-size

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">今天随便理理最近开发中遇到的小麻烦吧。</span>

移动端有时候我们不知道不同屏幕多大，可能我们会直接把一些诸如背景图片之类的宽度设置成百分之一百。但是这样的情况下如果我们设置margin-left的话DIV就会超出屏幕。这时候解决方法其实很简单，给父元素一个padding值就能将他包括起来。换言之，我们可以考虑用padding来代替margin来使界面符合设计需求。

这两天因为调接口写了不少ajax，其实本质就只是数据的存取而已。然后在这过程中遇到了js动态生成html的问题，即通过字符串拼接存储html内容再append到页面上。这时候如果你要一个触发一个click事件可能会发现无效的情况。这时候要给click事件再额外加一个live就能解决这个问题。

  $(".washcar").live('click', function() {             alert("success");              });

最后来聊聊background-size吧。

通过修改这个值，我们可以调整背景图片的大小。

如果你设置background-size为两个值，他会根据百分百在x轴y轴缩放扩大。比如100% 100%就是填满整个区域。

background-size:contain可以自适应div的宽高比，但是如果比例不合适可能会填不满屏幕导致有空白出来。

background-size:cover则相反，他会填满屏幕但是可能图片会只显示部分出来。

实际开发中可以跟background-position:center结合使用来使图片处在我们想要的位置。