响应式设计 - 不在平板电脑上显示我的平板电脑设计

Question

我有一个响应式网站，内置了一些媒体查询：移动设备，平板电脑和桌面设备。当我在我的7英寸三星Galaxy tab 2上垂直查看我的网站时，我得到了移动视图，当我水平查看它时，它显示为我的桌面视图。

所以我的问题是，这是因为设备的显示本身以及我设置断点的地方吗？或者它与错误的元素有关？或者可能是完全不同的东西？

元标记

<meta name="viewport" content="width=device-width, initial-scale=1">

媒体查询示例

@media all and (min-width: 670px)

谢谢。

Answer 1

Samsung Galaxy Tab 2的分辨率为1024x600px。因此，当平板电脑处于纵向模式时，将不会应用您提供的媒体查询中设置的样式，因为视口宽度仅为600px。