Codecademy codebit窗口是否会扭曲网站的真实外观?

时间:2015-08-17 02:57:43

标签: html css twitter-bootstrap media-queries

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

这是我正在努力的网站。所有代码都在那里。它在编辑器的浏览窗口中看起来非常不错。但是,当我将所有代码分别复制粘贴到我的计算机上的index.html和style.css文件中,然后在浏览器中打开它时,样式看起来完全不同。图像放错了位置,各个部分尺寸不同,看起来不对。那是为什么?

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

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

这就是我如何将Bootstrap加载到页面中的原因,因为这就是我所做的&#34;教导&#34;通过Codecademy。这是否在Codecademy浏览器之外工作?

1 个答案:

答案 0 :(得分:0)

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

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

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