background-size : 휴대 기기에서 100 %

Question

background-image으로 설정된 이미지로 고정형 div를 만들려고합니다. background-size을 100%으로 설정하여 반복하지 않거나 큰 화면 해상도 나 축소 된 경우에는 너무 작습니다. 문제는 이제 모바일 장치에서 배경 이미지가 너무 작아서 보이는 영역 밖으로 이동한다는 것입니다.

이 문제를 어떻게 해결할 수 있습니까? 거기에 더 나은 솔루션이 background-size:100% 있나요?

CSS :

.background { 
position:fixed; 
margin-top:65px; 
height:400px; 
background: url(../img/1111.jpg) no-repeat; 
width:100%; 
-webkit-background-size: 100% auto; 
-moz-background-size: 100% auto; 
-o-background-size: 100% auto; 
background-size: 100% auto; 
top:0px; 
} 

Answer 1

네 당신이 당신의 CSS의 최소 폭, 최대 폭 또는 최소 높이, 최대 높이를 설정할 수 있습니다, 당신의 의견에 대답합니다.

.background { 
position:fixed; 
margin-top:65px; 
height:400px; 
background: url(../img/1111.jpg) no-repeat; 
width:100%; 
min-width: 400px; /* change this to your choice */ 
-webkit-background-size: 100% auto; 
-moz-background-size: 100% auto; 
-o-background-size: 100% auto; 
background-size: 100% auto; 
top:0px; 
}