iphone - iPhone的响应宽度

Question

这是我第一次构建响应式网站，当我为 iPhone 定制 CSS 时，我遇到了问题。样式都正确应用，文本改变大小，包装改变宽度。问题是 iPhone 浏览器仍然以巨大的宽度打开，请看截图：

在此处输入图像描述

我在用着

@media all and (max-device-width: 480px) {}

设置特定的 iPhone css。body {width:;}不起作用。

谢谢您的帮助：）

score 2 · Accepted Answer

您必须在页眉中添加以下内容

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

如：

<!doctype html>
<html>
	<头部>
		<标题></标题>
		<meta name="viewport" content="initial-scale=1.0, width=device-width" />
	</head>
	<正文>
	</正文>
</html>

1 回答 1