图片自适应

移动端因为设备的屏幕尺寸好N多种,如何在不同的屏幕中让图片自适应宽度,让整个页面看起来饱满就成为了一个重要的课题!看个例子(将屏幕缩放):

图1是通过img的方式引入到页面,图2是通过background-image的方式来实现,两者都可以让你在不同设备尺寸中根据宽度和高度的比例来自动伸缩图片,上图中我们图pain的比例是1:1,如果是2:1的时候如下图

查看实现方式