本地主机和服务器上Chrome的区别

Question

我在本地和远程站点上看到相同代码的不同视觉效果。我不知道为什么本地Chrome浏览器会完全不同于我的站点：

这是http://beta.cliffbase.com http://img833.imageshack.us/img833/2477/b557ecb80f7644c9a7893c9.png

而这是在我本地通过VS2010运行的localhost地址： http://img96.imageshack.us/img96/3241/5786958214d64aaba236931.png

您可以看到菜单和左侧信息项的填充和高度不同。

有人知道可能的问题是什么吗？

- feronovak

---

你完全确定本地的CSS文件与之不同吗？ - ianaz

你是否检查了所有的CSS/JS文件是否被正确加载，以及是否由于URL更改而在本地环境中加载1个文件时出现任何错误（请参见开发控制台中的网络选项卡）。此外，请检查控制台是否存在任何JS错误，以防样式更改发生在那里并且可能会发生JS错误。 - Bruce Lowe

Answer 1

Chrome允许你独立设置本地站点和互联网站点的网页缩放比例。在我的情况下，这就是为什么当我使用 http://localhost:8080/mypage.jsp 和 http://172.20.35.40:8080/mypage.jsp 时，我的网页看起来不同的原因。我将缩放比例重置为100%时，使用 localhost 和IP地址时视图相同。

注意：我知道这是一个非常古老的帖子，OP已经解决了他的问题。但是，当你谷歌搜索为什么Chrome使用localhost与使用IP地址显示相同页面时，它会出现作为第一个搜索结果。认为这可能会帮助到类似我的人。

- Chetan Jadhav CD

---

类似问题：在Chrome中，“localhost”与其他所有内容的页面缩放比例不同。读到了一些关于Chrome现在将100％缩放定义为我们曾经称之为125％的内容，不确定是否正确理解。似乎“localhost”获得旧的100％并且根本不响应缩放变化。Chetan - 如何独立更改“localhost”的缩放比例？ - IAM_AL_X

刚才我在StackOverflow上把这个问题提出来了，请在这里回答：https://stackoverflow.com/questions/57048040/chrome-browser-has-different-zoom-size-for-localhost-versus-all-other-web-site - IAM_AL_X

Answer 2

我已经找到了问题的原因。是由Font Squirrel生成的@font-face的padding/margin引起的。我不得不改用Cufon来保持所有尺寸相同。现在正常运行。

- feronovak