怎么改变图片大小?

Question

图片尺寸1000*320,相让它宽度充满屏幕,在img里style让宽度为100%,然而图片就变了,一张图片变成三张层叠起来充满的浏览器

怎么解决?

Answer 1

设为背景，background：URL（） 不重复（no-peat），就不会重复了，一般图片你要是高度和宽度是协调的，你要是拉伸，这样不好看，这要看你自己想要的效果

Answer 2

我也遇到这个问题，固定比例的照片想让它填满。模模糊糊有个感觉，可能涉及到盒子模型。可下边的人说的都不清楚。如果你解决了，麻烦告我声，感激不尽~

Answer 3

背景图设置background-size:cover;如果div是100%；那么background-size：100% 100%

Answer 4

img属性能有三张你在逗我么，除非是背景图没有设置不平铺，也就是下面的no-repeat,你试着给它外面套一个div,宽度100%，然后img设置100%宽

Answer 5

。。。请问清楚

Answer 6

宽度设置为100%,高度设置为图片原始高度是可以出来效果的，如果只设置单方面的width或height则宽高都会按照比例等比缩放。虽然能出来效果但不推荐，图片会变形。

Answer 7

<div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">     <img src="（地址）3.jpg"  height="100%" width="100%"/>    </div>嘛，我这样写反正满了（在某一个程度上面）

Answer 8

???宽度百分百，那高度呢？

Answer 9

图片自身和父元素width都要设置为100%；

Answer 10

非零即是真，真就执行冒号前面的语句