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

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

御艺mei4219562
浏览 7559回答 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,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3
Html5