javascript - 响应式设计适用于桌面浏览器、移动模拟器(Safari 和 Mozilla Firefox)，但不适用于真正的智能手机(Android、iOS)

Question

我尝试了几行代码，但我无法弄清楚我哪里出错了，因为它在桌面上工作，它也应该在移动设备上工作......

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-      scale=1,    user-scalable=no"</>

在 CSS 中:

@media (max-device-width: 640px) {}

http://codepen.io/ctrprt253/pen/QNaVdP

提前致谢。

Answer 1

将您的代码更改为

@media (max-width:640px){ ... }

解决你的问题