响应式设计可在桌面浏览器，移动模拟器（Safari和Mozilla Firefox）上运行，但不能在真正的智能手机（Android，iOS）上运行

Question

I tried several lines of code, but I just can't figure out where I went wrong since it's working on a desktop and it SHOULD work on mobile devices as well...

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

and in css:

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

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

Thx in advance.

Answer 1

change your code to

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

It will be solved your problem