为什么我的页面在设计上与在运行时看起来不同？

Question

我正在学习HTML / CSS并使用WebStorm和Chrome进行单页项目。通常，我会测试我的网页在WebStorm中运行Chrome的方式，从而导致在浏览器地址行中打开http://localhost:63342/。

完成项目后，我关闭了WebStorm并在Chrome中再次运行，但这次我点击桌面上的快捷方式打开它。

令我惊讶的是，页面的显示方式与我通过WebStorm打开Chrome时看到的方式不同。

问题是：为什么会这样？它是相同的HTML / CSS代码，相同的浏览器。

Answer 1

您可以使用http://brackets.io/作为替代方案。它有一个类似的功能，称为“实时预览”。

似乎没有应用于您的网页的样式。如果你把css放在一个单独的文件中，我的猜测是WebStorm没有找到你的CSS文件，或者你没有在你的html中正确引用它。尝试查看Chrome开发者工具（F18）中的“来源”标签，看看它是否加载了.css文件。

Answer 2

事实证明它与页面比例有关。当我按下cmd和+并且页面放大时，它的外观略有不同。