实现图片大小自适应的方法

方法一: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;

 

发表评论

相关文章

没有相关文章!

猜你喜欢