響應式設計高達320px？

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標記<meta name="viewport" content="width=device-width,initial-scale=1.0">。