方法一:bootstrap方法实现图片大小自适应:
页头加上:
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
图片加上img-responsive类名。
方法二:背景图片以合适的大小覆盖页面方法:
只需在背景图片代码上加上:
background-size:contain;