2013-01-24 2 views
0

나는 모바일 가로보기 (480px)를 염두에두고 설계된 반응 형 웹 페이지 레이아웃이 있으며 모바일 세로보기 (320px)에서 동일한 모바일 가로 레이아웃을 사용하고자합니다. 누구든지 320px 디스플레이를 위해 특별히 다른 css 미디어 쿼리를 추가하지 않고도 (320px)를 표시 할 수 있도록이보기를 축소 할 수있는 방법을 생각할 수 있습니까?가로 세로보기를위한 모바일 반응 가로 레이아웃

+0

수동으로 @ media-queries로 크기를 조정했지만 Javascript를 사용하여이 크기를 조정할 수있는 다른 방법이 있는지 알고 싶습니다. 나는 480px를위한 320px 디스플레이를 사용하는 방법에 대해서만 알고 있지만 그 반대는 아닙니다. –

답변

0

모든 크기를 으로 설정하면으로 설정하고 가로 모드에서 글꼴 크기를 150 %까지 올릴 수 있습니까? 만큼 당신이 픽셀을 사용하지 않는 한, 모든 사용자가 미디어 쿼리 만 이하로 사용해야하는 모바일 세로 레이아웃 같은 모바일 가로 레이아웃을 표시하려면

http://snook.ca/archives/html_and_css/font-size-with-rem

0

을 확장합니다. 따라서 모바일을 가로 방향에서 세로 방향으로 또는 그 반대로 회전 할 때 동일한 레이아웃이 표시됩니다.

@media screen and (max-width: 480px)