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

【字号: 日期:2022-06-13浏览:46作者:雯心

问题描述

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

问题解答

回答1:

图片可以套一个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>

回答2:

直接把宽度和高度设置成100%就可以了<img src="图片资源路径" width=100% height=100%>

回答3:

<img src="images/diyiye1.jpg" width="1920" height="932">

这句代码明显是给图片设置了固定的宽度和高度啊~~ 如果需要根据屏幕大小调整图片大小,图片的宽高设置百分比吧~~

相关文章: