2014-10-21 1 views
0

브라우저 크기에 따라 크기를 조정하고 높이를 유지하려고합니다. 그러나 너비 비율은 웹 사이트 프로그래밍에 특히 좋지 않습니다. 코드를 크게 엉망으로 만들었습니다. 내 이미지는 내 컴퓨터의 크기와 잘 어울리지 만, 더 큰 화면을 확인할 때 크기가 조정되지 않는 것처럼 보이더라도 바닥에 거대한 간격이있는 똑같은 이미지입니다. 나는 내 코드를 제공 할 것이지만 내가 말한 것처럼 꽤 지저분해진다. 어떤 제안?배경색을 가로 질러 CSS 이미지 크기 조정

+0

주 당신의 HTML 및 CSS –

+0

오신 것을 환영합니다 이미지 크기를 조정합니다! js 및 css 질문을하는 좋은 방법은 http://fiddle.jshell.net/을 사용하는 것입니다. 그렇게하면 더 쉽게 당신을 도울 것입니다. –

답변

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