Codecademy codebit window 是否扭曲了网站的真实外观？

Question

https://www.codecademy.com/Jack-Aaron/codebits/vL8j7y/

这是我正在处理的网站。所有的代码都在那里。在小编的浏览中看起来还不错window。但是，当我将所有代码分别复制粘贴到计算机上的 index.html 和 style.css 文件中，然后在浏览器中打开时，样式看起来完全不同。图像放错了位置，部分大小不同，看起来不对劲。这是为什么？

我认为这可能与答案有关：

<link rel="stylesheet" href="https://s3.amazonaws.com/codecademy-content/projects/bootstrap.min.css">

这就是我将 Bootstrap 加载到页面中的方式，因为这就是我在 Codecademy 中的 "taught"。这在 Codecademy 浏览器之外有效吗？

Answer 1

欢迎来到 Stack Overflow！现在，这就是它的工作方式。它看起来很奇怪的原因是因为您的整个网站都是使用像素设计的。这将使它在所有屏幕上看起来都很时髦，除了它设计的屏幕。

为了使其看起来正确，您应该（需要）使用百分比。现在，为什么它在那里和其他地方看起来很奇怪？它们都是不同大小的地方，例如，在 Codecademy 上它是一个小预览 window。

是的，它看起来很时髦，使用百分比，而不是像素。