Html 网页在本地的外观与在服务器上的外观不同。(开发与生产)

Html 网页在本地的外观与在服务器上的外观不同。(开发与生产),html,css,node.js,google-chrome,nginx,Html,Css,Node.js,Google Chrome,Nginx,所以我在我的MacOSX上本地设计了这个页面,它运行在NodeJS/Express上。一旦我在服务器上部署并运行我的应用程序并打开页面,我注意到它看起来不同了。然后,我继续用同一台机器上的同一个浏览器并排访问它们,并看到了它们之间的差异 出于某种原因,视口(尽管它们完全相同)在开发工具中显示了不同的值。奇怪的我所有的元素都变大了,好像被放大了一样。于是我决定给我的身体添加zoom:0.9,之后它看起来完全一样 然后我继续检查我的所有页面,看看是页面有问题还是所有页面都有问题,我发现我的所有页面都

所以我在我的MacOSX上本地设计了这个页面,它运行在NodeJS/Express上。一旦我在服务器上部署并运行我的应用程序并打开页面,我注意到它看起来不同了。然后,我继续用同一台机器上的同一个浏览器并排访问它们,并看到了它们之间的差异

出于某种原因,视口(尽管它们完全相同)在开发工具中显示了不同的值。奇怪的我所有的元素都变大了,好像被放大了一样。于是我决定给我的身体添加zoom:0.9,之后它看起来完全一样

然后我继续检查我的所有页面,看看是页面有问题还是所有页面都有问题,我发现我的所有页面都一样。我可以通过在我的所有页面中添加zoom:0.9来解决这个问题,但我不想这样做

有什么问题


顺便说一句,我在Ubuntu12.04上用DigitalOcean托管我的网站,并在Nginx反向代理后运行它。我在Nginx后面运行两个不同的应用程序听起来很愚蠢,但你确定你的浏览器窗口没有放大/缩小吗?(Cmd/ctrl+0)是的,我检查了,两个页面的缩放级别相同。代码完全相同吗?您是否在生产中使用缩小工具?我这样问是因为有些浏览器会在元素中自动插入空格,但你不知道缩小后会删除空格。你是说缩放:0.9有效,而缩放:1无效?其他浏览器呢?@Deif代码完全相同。我知道这一点,因为我从同一个git存储库中提取。