페이지 확대/축소시 배경 이미지의 크기가 변경되는 것을 방지하는 방법이 있습니까?

Question

배경 이미지는 100 %에서 가장 잘 보이는 단순한 패턴입니다. 페이지를 확대/축소 할 때 이러한 배경 이미지의 크기가 변경되는 것을 방지 할 수있는 방법이 있습니까?

Answer 1

줌 브라우저 기능이며 당신이 대신 HTML 문서로 당신은 아마 이미지 당기는 시도 할 수

Answer 2

을 고정 된 이미지의 크기를 유지하기 위해 할 수있는 아무것도 그래서 그냥 당신이 당신의 브라우저에서 보는 모든 것을 확대 있어요 :

<div id="bg-img"> 
    <img src="images/bg-img.jpg"> 
</div> 

그 이미지를 유지 div에에 다음 CSS에 가고, 당신은 다음과 같은 스타일을 적용 할 수 :

#bg-img{ 
    min-height: 100%; 
    min-width: 1024px; 
    width: 100%; 
    height: auto; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index:-4; 
} 

는 A를 bove 스타일 세트는 이미지가 모든 브라우저에 잘 맞도록 설정하고 배경 이미지가 크기 조정 또는 줌의 약 3 배까지 확대되는 것을 방지합니다. 브라우저의 크기가 조정 된 경우 이미지의 크기가 조정되거나 잘 리면 이미지가 올바른 비율로 유지되도록 분당 적절한 값을 입력해야합니다.