简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
求大神指教 如何让图片适应不同屏幕大小
巴扎黑
巴扎黑 2017-01-09 09:34:25
0
3
1378

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

巴扎黑
巴扎黑

모든 응답(3)
据说名字长的人会有很多女朋友
据说名字长的人会有很多女朋友2017-01-09 09:40:46 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>


좋다 +1
답글 추가
一辆想出轨的无轨电车
一辆想出轨的无轨电车2017-01-09 09:36:59 2층

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

좋다 +1
답글 추가
女神的闺蜜爱上我
女神的闺蜜爱上我2017-01-09 09:35:53 1층

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

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


좋다 +1
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！