css怎么让图片自适应?网页前台开发中的很多时候，我们需要让图片能够根据父元素自适应变化大小，从面使得网页排版更加美观。可是，很多小伙伴并不知道该怎么设置。那么，下面小编就通过实例来为大家进行讲解！
方法/步骤
1
要使图片能够自适应显示，我们一般可以通过设置CSS样式，让图片作为父元素的背景图片，再设置相关属性来实现。具体 Css样式如下：background:url(../imgs/test.jpg) no-repeat 0px 0px;background-size:cover;background-attachment: fixed;然后，将该新式设置到图片所在区域的父元素中即可。
2
第一句中：url(../imgs/test.jpg) 设置背景图片所在的路径位置，即我们要自适应图片的路径位置。 no-repeat 表示当背景图片大小不够铺满整个背景时，不允许图像重复填充。 0px 0px 表示图片在父元素中的位置，图片四围距离各方向边缘的像素为0Px。
3
第二句中：background-size:cover表示如果所给图片不够大时，自动将背景图像拉升放大到足够大，以便能够使背景图像完全覆盖父元素的背景区域所有位置。
4
第三句中：background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动，而fixed值表示当页面的其余部分滚动时，背景图像不会移动。
5
如果图片不是在
标签中显示，而只是在一个中显示，我们则只需修改样式引用代码，在div标签中引用该样式，同样可以起到我们想要的效果。
6
综上，通过上面这三条css样式代码，可以完成所有图片自适应要求。
也可以对表格单元格进行图片自适应填充。当单元格大小发生变化时，图片也会自动随着变化。如：
推荐信息
- 1
Adobe Photoshop CS5注册机怎么用
- 2
css怎么让图片自适应
- 3
带您了解光纤接口can设备GCAN-208指示灯含义
- 4
怎么加装扫描灯
- 5
什么是热熔胶机，热熔胶机如何选购
- 6
公牛LED灯要如何选购？
- 7
为了对孩子不产生任何影响
- 8
游戏火烧海岸线中文版的玩法
- 9
百分百照明T5LED一体化为什么可以代替传统照明
- 10
如何选择条码打印机中的碳带
- 11
如何在word打印大字一张一个字
- 12
水移印的使用方法
- 13
Word制作箭头标识
- 14
惠普打印机三个灯图解
- 15
伪法棍的家常做法
- 16
在空腹情况下不宜吃的5种食物
- 17
厚屹植物射灯在君子兰种植中的应用
- 18
肥的T恤衫怎样变潮流？
- 19
2014最新情侣装搭配
- 20
T恤如何保养洗护
- 21
黑色翻领T恤衫如何清洁
- 22
幻灯片切换设置自动换片时间