미디어 쿼리 만 사용하여 다른 화면 크기의 이미지를로드하려고하는데 div 컨테이너에 표시되지 않습니다. 브라우저를 확인할 때로드되지만 표시되지 않습니다. 내가 뭘 잘못하고 있는지 모르겠어
여기에 코드가 있습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<link href="css/test.css" rel="stylesheet">
</head>
<body>
<pre>
<script src="Jarts.js"></script>
</pre>
<div id="skjd2344jd"></div>
</body>
</html>
여기에 CSS가 있습니다
#skjd2344jd{
height: 100%;
width:100%;
}
@media only screen and (min-device-width: 480px){
#skjd2344jd {
background-image: url("../img/optimal_small.png");
background-repeat: no-repeat;
}
}
@media only screen and (min-width: 481px) and (max-width: 1600px) {
#skjd2344jd {
background-image: url("../img/optimal.png");
background-repeat: no-repeat;
}
}
당신의 ID는 100 %에게 폭과 몸의 높이를 취할 것입니다하지만 당신은 그래서 그냥 몸에 높이를 추가하고 잊지 해달라고 몸에 설정하는 치수를하지 않았다 background-size:cover
코드를 같이 있도록 이
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다