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

Question

我有一个响应性的网站，它使用一些媒体查询:移动、平板和桌面。当我在我的7英寸三星星系选项卡2垂直查看我的网站时，我得到了移动视图，当我水平地查看它时，它显示为我的桌面视图。

所以我的问题是，这是因为设备本身的显示和我设置的断点而发生的吗？还是与错误的元数据有关？或者完全不同的东西？

元标签

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

媒体查询示例

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

谢谢。

Answer 1

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