찾다

 >  Q&A  >  본문

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

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

巴扎黑巴扎黑2900일 전1407

모든 응답(3)나는 대답할 것이다

  • 据说名字长的人会有很多女朋友

    据说名字长的人会有很多女朋友2017-01-09 09:40:46

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


    회신하다
    1
  • 一辆想出轨的无轨电车

    一辆想出轨的无轨电车2017-01-09 09:36:59

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

    회신하다
    1
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-01-09 09:35:53

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

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


    회신하다
    1
  • 취소회신하다