扩展纵向显示的移动响应景观布局

时间:2013-01-24 20:09:20

标签: javascript css html5 mobile responsive-design

我有一个响应式网页布局,专为移动横向显示(480px)而设计,并希望在(320px)移动纵向显示时使用相同的移动横向布局。任何人都可以想到一种缩小此视图的方法,以便它也可以显示(320px),而无需为320px显示添加另一个css媒体查询吗?

2 个答案:

答案 0 :(得分:0)

rems 中设置所有尺寸,并在横向模式下将字体大小增加到150%?只要你不使用像素,一切都会向上扩展

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

答案 1 :(得分:0)

要在移动纵向布局中显示相同的移动横向布局,您只能在媒体查询下方使用。因此,当您将手机从横向旋转到纵向或反之时,将显示相同的布局。

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