브라우저 크기에 따라 크기를 조정하고 높이를 유지하려고합니다. 그러나 너비 비율은 웹 사이트 프로그래밍에 특히 좋지 않습니다. 코드를 크게 엉망으로 만들었습니다. 내 이미지는 내 컴퓨터의 크기와 잘 어울리지 만, 더 큰 화면을 확인할 때 크기가 조정되지 않는 것처럼 보이더라도 바닥에 거대한 간격이있는 똑같은 이미지입니다. 나는 내 코드를 제공 할 것이지만 내가 말한 것처럼 꽤 지저분해진다. 어떤 제안?배경색을 가로 질러 CSS 이미지 크기 조정
0
A
답변
0
사용
background-size: cover;
은 스택 오버플로 당신의 창
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
+0
다음은 JSFiddle 예제입니다. 유일한 중요한 배경 스타일은 background-size : 표지입니다. 배경 위치 : 오른쪽 하단. 나머지 CSS는 스타일링에만 사용됩니다. 이 기술을 풀 사이즈 배경으로 사용하거나 페이지 내의 div에 적용 할 수 있습니다. 또한 최대 너비 : 100 %, 높이 : 자동; - http://jsfiddle.net/TalkingRock/p834kjpd/ – Talkingrock
주 당신의 HTML 및 CSS –
오신 것을 환영합니다 이미지 크기를 조정합니다! js 및 css 질문을하는 좋은 방법은 http://fiddle.jshell.net/을 사용하는 것입니다. 그렇게하면 더 쉽게 당신을 도울 것입니다. –