做的时候想要边框为比较好看的样式,需要UI切图并且放在div中,看起来会好看点
像这样的,我随便挑选了一个,UI帮我切图出来
需要把这个图片填到相应的div里面,但是很显然碰到一个问题,图片太大,而且放进去以后还不是响应式的
那么解决问题的就来了:
background:url(1.jpg);
-webkit-background-size: 100px 60px;
这样还不是响应式应该怎么办呢
IMG加载的图片width设置为100%,高度会按照width的值自动等比率缩放
背景图片用background-size 属性来控制缩放
background:#00ff00 url(img.jpg) no-repeat;
background-size:60% 80%;
-moz-background-size:60% 80%;
-webkit-background-size:60% 80%;
-o-background-size:60%