iphone - 响应式设计高达 320 像素？

Question

我不知道为什么我的响应式设计不适用于最大宽度为 320 像素的尺寸。我正在 Chrome 中为 iPad 尝试不同的尺寸并且工作正常，但 iPhone 出错了。我的代码如下：

<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/iPhonePortrait.css" media="only screen and (max-width : 320px) and (orientation : portrait)" />
<link rel="stylesheet" type="text/css" href="css/iPadLandscape.css" media="only screen and (max-width : 1024px) and (orientation : landscape)" />
<link rel="stylesheet" type="text/css" href="css/iPadPortrait.css" media="only screen and (max-width : 768px) and (orientation : portrait)" />

浏览器更新了，你知道吗？

Answer 1

你需要这个作为你的元标签<meta name="viewport" content="width=device-width,initial-scale=1.0">。