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

Responsive design working on desktop browser, on mobile-simulator (both Safari and Mozilla Firefox), but not on a real smartphone (Android, iOS)

本文关键字：适用于 Firefox 不适用 And 智能手机 Mozilla Safari 桌面 浏览器 响应 模拟器      更新时间：2024-04-30

我尝试了几行代码，但我不知道哪里出了问题，因为它在桌面上工作，而且应该在移动设备上也工作。。。

<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

提前Thx。

将代码更改为

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

它将解决您的问题

相关文章：