我已经开发了一个手机网站,它在安卓和IPhone模拟器中完美地向我展示了它。然而,当我尝试在安卓手机或IPhone上查看它时,它显示的网站就像在手机上查看的普通桌面网站一样,宽度非常大,字体看起来非常小。如果我在屏幕上双击/轻拍,问题就解决了。
任何帮助都将不胜感激。
我在stackoverflow..but上拿到的,我不太确定
发布于 2012-01-05 02:18:49
您需要添加一个名为"viewport“的meta标记(参见下面的示例
<!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>https://stackoverflow.com/questions/8731793
复制相似问题