Css 平板电脑版本正在手机上查看 我一直在使用基金会4制作网页，所以它在所有设备上都很有响应。

然而，出于某些奇怪的原因，iPhone上的Chrome和Safari以及纵向模式下的移动设备（aka应该使用宽度小于568px的移动站点）都在使用平板电脑版本

当使用浏览器并将其缩放到各种大小时，它工作得非常好，可以加载桌面、平板电脑和手机

为什么移动站点没有在移动设备上使用？我正在使用所有的基础媒体查询，所以我不知道为什么它不工作。（我知道这个移动网站运行得很好）

移动媒体的基础媒体查询是：

    @media only screen and (max-width: 40em){}

平板电脑是：

    @media only screen and (min-width: 40.063em) and (max-width: 64em) {

---

您需要添加一些代码为什么要使用相对

em

s作为断点？为什么不使用像素？@克里斯哈迪，它是如何建立基础的。有趣的是，我想知道，如果我们以像素为单位测量设备，它的值是多少。好的，你做了什么会影响<代码> EM <代码>的价值吗？我不相信，我保留了所有与媒体查询有关的基础默认值。