本地页面和S3页面呈现不同

Question

我目前正在使用Vue 2在静态页面上工作，并计划将其上传到AWS S3服务。

但是，我遇到了这个奇怪的问题。同一页面的本地版本和S3版本（相同的代码和所有内容）的呈现方式有所不同。

请注意： -它们在同一浏览器中打开，只是选项卡不同 -他们使用相同的代码

问题与文本有关，因为S3版本要小得多（宽度为1366px），但是font-size的值不同（两个版本都使用相同的em值）。

这是两个页面的屏幕截图：

这是静态页面的本地实例的属性：

这是S3静态页面的属性：

Answer 1

正如上面的标记B所指出的，问题在于窗口（本地）之一具有不同的缩放级别，因此实际上已针对不同的视图调整了代码。对于那些刚接触前端开发的人来说，这可能是一个容易犯的错误，因为chrome的缩放级别除了右角的小放大镜外没有其他迹象。