Chrome设备devTools与实际设备不同,可用于媒体查询

时间:2017-10-30 13:22:02

标签: css responsive-design media-queries

我正在尝试为ipad和移动设备建立一个响应式网站。 如果你想查看它,这是Link

无论如何,当我使用chrome中的devTools检查Galaxy S5上的布局时,景观视图一切都很好。当我在实际设备上检查它时,高度似乎有点少,网站的某些部分实际上被删除了。可能是由于设备的某些部分未在高度上计算。

chrome dev工具的屏幕截图,在横向模式下使用S4 mini视口的宽度和高度: Screenshot from the chrome dev tools, using the width and height of the S4 mini viewport when in landscape mode

横向模式下实际设备的屏幕截图 Screenshot from the actual device in landscape mode

所以问题是:

  1. 如何在Chrome中实际使用devTools来获得精确的信息 代表性?
  2. 我是否需要在@media(min-width:px)查询中实际考虑浏览器大小?
  3. 从另一个角度来看,我的问题是否有问题?我错过了什么吗?

0 个答案:

没有答案