배경은 늘 여기에 다른 모바일 장치

Question

에 크기 조절이 웹 사이트입니다 : http://www.morpheuscommerce.com/

지금이 내가이 아이 패드에 사이트를 볼 때 발생하는 것입니다 : http://i.imgur.com/I4cQ9Yb.jpg

비슷한 일이 아이폰에 어떻게됩니까. 바탕 화면에서 처음에는 괜찮아 보이지만 브라우저 크기를 조정하고 스크롤바를 오른쪽으로 움직이면 배경이 깨졌습니다!

Ive는이 문제를 해결하기 위해 여러 가지 시도를했지만 처음에는 문제의 원인을 밝히지 않았습니다.

Answer 1

귀하의 웹 사이트는 반응이없는 레이아웃입니다.

당신은 응답 레이아웃에 대한

/* Smartphones (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
/* Styles */ 
} 

/* Smartphones (landscape) ----------- */ 
@media only screen 
and (min-width : 321px) { 
/* Styles */ 
} 

/* Smartphones (portrait) ----------- */ 
@media only screen 
and (max-width : 320px) { 
/* Styles */ 
} 

/* iPads (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
/* Styles */ 
} 

/* iPads (landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* Styles */ 
} 

/* iPads (portrait) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
/* Styles */ 
} 

/* Desktops and laptops ----------- */ 
@media only screen 
and (min-width : 1224px) { 
/* Styles */ 
} 

/* Large screens ----------- */ 
@media only screen 
and (min-width : 1824px) { 
/* Styles */ 
} 

/* iPhone 4 ----------- */ 
@media 
only screen and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5) { 
/* Styles */ 
} 

검색 더 @media CSS로 변경할 수 있습니다.