Question

我开发了一个移动网站，它在Android和IPhone模拟器中完美呈现给我。但是，当我尝试在Android手机或iPhone上查看它时，它会将该网站显示为在手机上查看的普通桌面网站，其宽度非常高，字体显得非常小。如果我在屏幕上双击/点击，问题就会得到解决。

非常感谢任何帮助。

我在stackoverflow上得到了这个...但是对它不太确定

Answer 1

您需要添加名为“viewport”的元标记，请参阅下面的示例

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
</head>
<body style='background-color:white;font-family:Arial,Tahoma,Verdana;'>
</body>
</html>

移动网站中的小字体

1 个答案: