求大神指教如何让图片适应不同屏幕大小

图片宽度为1920.但调整屏幕大小时图片不会根据屏幕大小改变，哪位能指教下，谢谢！

御艺mei4219562

浏览 7798回答 16

16回答

Cassie_yu

<img src="images/diyiye1.jpg" width="1920" height="932">这句代码明显是给图片设置了固定的宽度和高度啊~~ 如果需要根据屏幕大小调整图片大小，图片的宽高设置百分比吧~~

小小东_whd

一般用百分比，用媒体查询有时适应性不够平滑

qq_俺忘了_0

可以用JS 可以用srcset srcset+size picture可以用媒体查询可以设置100%一直自动跟随

qq_醉落夕风_0

图片的话外面套一个div,img设置100%，背景图的话设置background-size：100% 100%；

qq_風是鹹的_0

图片可以套一个Div标签,定义Div的宽度为100%；<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> #div_img img{ width: 100%; } </style> <body> <div id="div_img"> <img src="../browser/images/chrome-big.jpg" /> </div> </body> </html>

慕虎5180083

你好，你把图片宽度设置成百分比就可以了

慕村8705556

最好用百分比设置

慕粉3983500

简单 max-width:XXXpx

xhy1558301001

jquery实现自定义滚动条源码发一下

hulukid

一般图片的宽度设置为100%就可以。

随时随地看视频慕课网APP

求大神指教 如何让图片适应不同屏幕大小

16回答

求大神指教如何让图片适应不同屏幕大小