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

我有一个非常简单的静态网页（只有css和链接，没有脚本）。它看起来不错的Android和iPhone，但太小了。我猜他们把它缩小了，因为它适用于大多数网站。我如何可以覆盖这一点，让他看起来我希望它的大小呢？如何为移动设备扩展网站？

2010-03-02 koby

无论你去，请确保您在Android中的较新版本测试。我有一个很好的简单的单列布局，在Android 1.5和Android 1.6中看起来不错。尽管如此，Android 2似乎将所有文本都压缩成了一边的小条子。奇怪的是，我将不得不切换到多列布局，支持电话，在简单的应该会更好。 – 2010-03-03 04:19:04

的Android自动调整到您的站点的大小，尝试使用宽度：100％或小于310周围像素（滚动条需要空间等）正常视图模式。

对于IPhone尝试使用此代码来强制正确的尺寸

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

也很给力字号尝试在你的CSS使用此代码：

-webkit-text-size-adjust: none;

来源

2010-03-02 08:59:10 TomHastjarjanto

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

的应该列出用逗号分隔。

来源

2013-07-10 10:14:24 dergachev

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

回答

相关问题