怎么让图片自适应？
请问，如果插入的图片尺寸很大，屏幕肯定显示不了，用什么代码可以让图片自适应，随着屏幕宽高而等比缩放，使之能全部看到？
DoubleKang
2017-04-25
2 回答
首先是设置background:url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%;
-------------
<div class="msg_desc">
<img style="max-width:100%;overflow:hidden;" src="http://www.tao3w.com/upload/kindeditor/image/20140724/20140724172508_15817.jpg" alt="">
</div>
这里就把图片固定在msg_desc里面了，方便吧。
-------------
注：在html里面插入图片，如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入
img { height: auto; width: auto\9; width:100%; }
width:auto;是宽度自动的意思。
\9是hack css 的一种写法，这种在正常css代码后面加"\9"的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的
-------------
<div class="msg_desc">
<img style="max-width:100%;overflow:hidden;" src="http://www.tao3w.com/upload/kindeditor/image/20140724/20140724172508_15817.jpg" alt="">
</div>
这里就把图片固定在msg_desc里面了，方便吧。
-------------
注：在html里面插入图片，如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入
img { height: auto; width: auto\9; width:100%; }
width:auto;是宽度自动的意思。
\9是hack css 的一种写法，这种在正常css代码后面加"\9"的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的
举报
0/150
提交
取消
