从服务器运行时，为什么我的页面会有不同的尺寸？

Question

文件：///Users/dg/Google%20Drive/code/websites/Q-Po/qpo/client/index.html 我有一个页面。当我从本地文件系统访问它时（通过file：/// *），在Chrome中启动我的开发者控制台，然后输入window.innerWidth，结果为1162。

当我通过Express.js从云端的节点服务器提供同一页面时，就像这样......

var express = require('express'); //Require express for middleware use
const app = express();
var http = require('http').createServer(app);
var io = require('socket.io')(http); //IO is the server

app.use(express.static(__dirname + "/../client")); //Serve static files

app.get('/', function(req, res){
  res.sendFile('./index.html');
});

...然后在[url] .com访问我的浏览器，我得到window.innerWidth = 1278。

这显然会导致页面的服务版本略微缩小svg元素（如下所示。）

是什么给出了？

本地页面（水平剪裁 - 专注于此图像与下图之间中心元素缩放的差异:)

服务页面（也水平剪裁）

根据元素检查器，页面中间的svg容器都是600x600，但它们在屏幕上以不同的实际大小呈现。这怎么可能？