我有一个响应式网站,内置了一些媒体查询:移动设备,平板电脑和桌面设备。当我在我的7英寸三星Galaxy tab 2上垂直查看我的网站时,我得到了移动视图,当我水平查看它时,它显示为我的桌面视图。
所以我的问题是,这是因为设备的显示本身以及我设置断点的地方吗?或者它与错误的元素有关?或者可能是完全不同的东西?
元标记
<meta name="viewport" content="width=device-width, initial-scale=1">
媒体查询示例
@media all and (min-width: 670px)
谢谢。
答案 0 :(得分:0)
Samsung Galaxy Tab 2的分辨率为1024x600px。因此,当平板电脑处于纵向模式时,将不会应用您提供的媒体查询中设置的样式,因为视口宽度仅为600px。