2012-09-24 1 views
0

iPhone 4/S/5 및 iPad 장치에서 내 HTML fluid 사이트가 올바르게 배율 조정되지 않았습니다. 최소 컨테이너 div 배율이 480px로 설정되었습니다. 왜 제대로 확장되지 않는지 나는 알 수 없습니다. 그것은 내 메타에있을 수 있습니다 : 초기 규모 = 1.0? 여기HTML 유체 (백분율 너비)가 올바르게 배율 조정되지 않음

jsfiddle : http://jsfiddle.net/CtPpg/2/

+0

그것이 HTTP 문제 해결하는 데 도움이 될 수있다. co.kr/questions/7152474/혼란스런 초기 규모의 1-0-iphone-3gs-vs-4 –

+1

"적절하게 스케일링하지 않음"이란 무엇을 의미합니까? 뭐가 문제 야? –

+0

내 대답 좀 봐. –

답변

3

그것은 당신이 당신의 최소 폭에 대한 픽셀 폭을 설정하는 것이 될 수 있을까? 내가 틀렸다면 나를 정정하십시오. 그러나 그것이 진정한 유동성이되도록 백분율 값이어야합니다.

1

ipads의 최대 장치 너비는 1024이며 iphone의 경우 최대 480px입니다. 두 장치를 처리하기 위해 미디어 쿼리를 사용해야 할 수도 있습니다.

아이 패드 : @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

아이폰이 jsfiddle

변경에 @media only screen and (max-device-width: 480px) {

보기 : // 유래 :

max-width: 480px; 
/*max-width: 800px; #### set your max width here #### */ 
+0

내 유체 너비가 이것을 처리하지 않아야합니까? 데스크톱 브라우저에서도이 정보를 볼 수 있기를 바랍니다. 따라서 480 개의 정보는별로 좋지 않습니다. 도움을 주셔서 감사합니다. – user1040259

+0

블로그, http://silence-uncovered.blogspot.com/을 작성했습니다. 데스크톱, 휴대 전화 등의 HTML 이메일을 만들었을 때 배운 내용이 웹 사이트와 크게 다르면 안됩니다. 기본적으로, 무리를 읽고/실험해야합니다 :) ... 행운을 빌어 요! 당신은 내 대답을 받아 들일 수 pls, 내가 몇 가지 포인트를 얻을 수 있습니다. –

+0

데스크톱에서도 잘 작동하도록하려면 'width ='100 % 'min-width ='480px '가 필요합니다. –

관련 문제