自適應設計高達320px？

Question

我不知道為什么我的自適應設計不能在最大寬度為320px的尺寸下工作。 我正在嘗試在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"> 。