                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /焦点图轮播特效

图片自适应100%宽度

那要是想让图片自适应100%宽度呢

ZoeyZoeyZoey

2017-12-21

源自：焦点图轮播特效 2-1

关注问题我要回答

1726

操作

收起

1 回答

阿布0418
2017-12-23

width:100%;意思是让图片占据父容器100%，这里面图片假设比父容器大，倒是不会影响，如果比父容器小，图片会模糊，假设图片比例与父容器比例相差比较大，设置：height:100%图片是会发生变形的。假设把图片设定为背景图片，需要background-size：100% 100%;前面一个是宽度100%，后面一个是高度100%。