2012-09-21 16 views
1
나는 다음과 같은 CSS 코드를 사용하고

:브라우저 크기의 HTML CSS

#MainBox 
{ width: 488px; 
    height: 181px; 
    position: absolute; 
    left: 50%; 
    top: 236px; 
    margin-left: -244px; //this being half the width 
} 

이 페이지의 항목을 중심으로되어 있는지 확인합니다. 문제는 아이폰에서 이것을 볼 때 (그리고 다른 스마트 폰과 비슷하다고 가정 할 때) 페이지의 왼편이 잘려나 간다는 것입니다. 누구든지이 문제를 해결하고 모든 것을 적절하게 활용할 수있는 방법을 알고 있습니까?

감사합니다.

답변

0

CSS를 사용하여 요소를 244 픽셀 왼쪽으로 이동하면 iPhone 화면이 너무 작아서 잘릴 수 있습니다. 이것을 시도하십시오 :

#MainBox{ 
    width: 488px; 
    height: 181px; 
    margin: 236px auto 0 auto; 
} 
+0

나는이 유형의 CSS가 모든 화면 크기에 좋은 해결책이 아니라고 덧붙여 야합니다. 위의 내용으로도 콘텐츠가 iPhone 화면의 대략 절반 높이 인 236px로 밀려 내려 가기 때문입니다. 미디어 쿼리를 통해 반응 형 디자인을 조사해야합니다. –

0

div를 센터링하는 위의 기술은 약간 쓸모가 없습니다. 여백을 사용하십시오 : 자동, 너비가 고정 된 값으로 너비를 지정하고 부모 위치를 상대적으로 설정하십시오.