如何扩展移动设备的网站?

时间:2010-03-02 08:54:47

标签: android css iphone mobile-website

我有一个非常简单的静态网页(只有css和链接,没有脚本)。 它在android和iphone上看起来不错,但太小了。我猜他们把它缩小了,因为它适用于大多数网站。 我怎样才能覆盖这个并让他看起来像我想要的那样?

2 个答案:

答案 0 :(得分:50)

Android会自动调整到您网站的大小,尝试使用宽度:100%或小于310像素(滚动条占用空间)用于普通视图模式。

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

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

同样强制使用font-size尝试在css中使用此代码:

-webkit-text-size-adjust: none;

答案 1 :(得分:2)

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

列表应以逗号分隔。