怎么改变图片大小?

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

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

Answer 11

改变尺寸呗

Answer 12

css width height 这两个属于，当然也可以使用img标签的这两个属性

Answer 13

heiht width

Answer 14

等比例放大

Answer 15

自带属性H5

Answer 16

width: height:

Answer 17

背景的话 就要background-size：cover，如果是 img src的话 width：100%

Answer 18

用img标签的话 添加宽高会强行拉伸和重复图片 在此建议使用background-image 然后background-size：cover 图片覆盖满div就可以了

Answer 19

myfocus方法怎么用？

Answer 20

想改大小可以用background-size：cover，可以不