求大神指教 如何让图片适应不同屏幕大小
巴扎黑
巴扎黑 2017-01-09 09:34:25
0
3
1392

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

巴扎黑
巴扎黑

全部回覆(3)
据说名字长的人会有很多女朋友

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


一辆想出轨的无轨电车

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

女神的闺蜜爱上我

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

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


熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板