android - 如何为移动设备扩展网站？

Question

我有一个非常简单的静态网页（只有 CSS 和链接，没有脚本）。在android和iphone上看起来不错，但是太小了。我猜他们把它放小了，因为它适用于大多数网站。我怎样才能覆盖它并使他看起来像我想要的大小？

Answer 1

Android 会自动调整到您网站的大小，尝试使用 width:100% 或小于大约 310 像素（滚动条占用空间）作为普通视图模式。

对于 iPhone 尝试使用此代码强制正确的大小

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

还要强制字体大小尝试在您的 css 中使用此代码：

-webkit-text-size-adjust: none;

Answer 2

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

该列表应以逗号分隔。