Question

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

enter image description here

我正在使用

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

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

感谢您的帮助：）

Answer 1

您必须将以下内容添加到页眉

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

如：

<!doctype html>
<html>
	<head>
		<title></title>
		<meta name="viewport" content="initial-scale=1.0, width=device-width" />
	</head>
	<body>
	</body>
</html>

iPhone的响应宽度

1 个答案: