如何在Android页面加载时使响应式页面适合纵向模式

Question

我正在尝试在Android平板电脑上为肖像模式制作响应式设计。我得到的问题是它没有加载以适应肖像模式的页面。它加载了更大的宽度，然后当我切换到横向时，它正确地适合。然后，当我切换回肖像时，我得到一个适合页面的缩小版本。这是我的意思http://playground.fameordie.com的基本示例。如何使此页面加载以适应纵向模式，保持实际页面的方面？

Answer 1

您需要将以下内容添加到

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

如果您希望用户能够双击缩放（推荐），则省略最大比例项

<meta name="viewport" content="width=device-width, initial-scale=1">