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

Question

我有一些使用媒体查询构建的响应式网站：手机，平板电脑和桌面。当我在我的7英寸三星galaxy选项卡2上查看我的网站时，我会看到垂直移动视图，并且当我水平查看它时，它会显示为我的桌面视图。

所以我的问题是，这是因为设备的显示器本身以及我在哪里设置了断点？或者它与错误的meta有什么关系？或者也许完全不同？

Meta标记

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

媒体查询

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

的例子，谢谢。

Answer 1

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