移动网站中的小字体

Question

移动网站中的小字体

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

任何帮助将不胜感激.

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

Answer 1

小智 12

您需要添加名为"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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	13 年，8 月前
查看次数：	2397 次
最近记录：	13 年，8 月前