浏览器视口在浏览器之间是不同的

时间:2015-11-14 22:16:31

标签: css3 google-chrome internet-explorer browser cross-browser

所以我注意到我创建的网站在Chrome中比在IE11中看起来更大。

我无法弄清楚原因。两种浏览器的缩放设置均为100%。

如果我转到http://viewportsizes.com/mine/,它会报告以下视口大小:

Chrome - 1280×619和IE11 - 1920×906

我的问题是为什么会发生这种情况?两个浏览器如何报告两个大不相同的尺寸?

1 个答案:

答案 0 :(得分:1)

请告诉我你使用的是什么设备? (IE版,Windows版,设备大小)

可能您使用具有全高清分辨率的移动设备(如10英寸平板电脑)。不幸的是我没有这样的Windows设备,但这是移动设备和chrome / firefox的常见行为。

不久之后, viewport 并不代表屏幕分辨率,而且大多数都是针对更好的用户体验进行优化的。我的意思是,对于10英寸的设备,以全分辨率浏览网页会导致不可读的网页,这里有一个简短的例子。 http://www.javascriptkit.com/dhtmltutors/cssmediaqueries3.shtml

有关 viewport 的更多详情,请访问:https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

请注意,IE已经整合了#39;使用操作系统,即设备上的DPI设置也应该影响IE(桌面上的图标文本大小和上下文菜单文本大小可能与IE中的文本相同)。

相关问题