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

我正在学习HTML/CSS，并使用WebStorm和Chrome做一个单页项目。通常我会在WebStorm中测试我的页面运行Chrome的方式，这会导致在浏览器地址行中打开

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

令我惊讶的是，页面的外观与我通过WebStorm打开Chrome时看到的不同

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

您可以将其用作替代方案。它有一个类似的功能，叫做“实时预览”

您的页面似乎没有应用任何样式。如果您将css放在一个单独的文件中，我的猜测是WebStorm没有找到您的css文件，或者您在html中没有正确引用它。尝试查看Chrome开发者工具（F18）中的“源”选项卡，看看它是否加载了.css文件

---

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

你确定它是同一版本的Chrome吗？你是否将所有代码都放在一个文件中？如果你发布html和css，我们可以为你提供更多帮助。这可能是因为你有一两条路不正确。我想这两个问题的答案都是肯定的。1） WebStorm使用我的Chrome浏览器。即使我假设它有自己的浏览器，当我试着运行FireFox时，它没有打开，所以它使用我的Chrome浏览器，而我只有一个版本。2） 从技术上讲，我的样式在style.css文件中，它和html文件在同一个文件夹中。所有的对齐和填充都保留了，只是按钮设计和设计不同。@Stuart我试着贴出来，但是太长了。