html - 网站在服务器上看起来比在本地主机上更大

Question

我看到过类似的问题，但通常人们遇到的问题与我的相反。

我正在处理我的在线投资组合，由于某种原因，当我将网站上传到桌面版本的服务器时，所有资产都比在 localhost 上查看时要大。当我在移动设备上查看网站时，这不是问题，本地主机和服务器版本都应该是相同的。

例如，宽度设置为 300 像素的图像将显示为 360 像素。devtools 会说图像是 300 像素宽，但是如果我截取屏幕截图并在 Photoshop 中测量它，我可以看到它要大得多（即使没有在 Photoshop 中测量它也很明显）。它不仅发生在图像上，还发生在其他所有方面，字体，导航栏等各个区域的大小......这让我发疯了！

下面是两个屏幕截图，第一个是我的网站在 localhost，第二个来自服务器。您可以从 devtools 中看到，在这两种情况下，有问题的图像都被声明为 300px 宽和 300px 高，但两者之间的区别很明显。

有类似问题的人谈到浏览器缩放是负责任的，但我检查过的情况并非如此。我想也许它可能是标题中的视口元数据，但这也没什么区别。

我使用的元数据是：

元名称=“视口”内容=“宽度=设备宽度，初始比例=1

据我所知，这是推荐的。

谢谢您的帮助！

标签： htmlcssmeta