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

Question

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

Answer 1

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;