所以我有一个关于 HTML 和 CSS 的新手问题。我刚开始使用 Twitter 的 Bootstrap 框架,并且在我的 index.html 文件的头部有这段代码:
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet"> <!-- Custom CSS Overwrite-->
<style type="text/css">
html{overflow-y:scroll;} <!-- Fixes "page shift" issue -->
</style>
bootstrap.css 文件定义了这一点,如下所示:
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
我在 html 文件中声明的 CSS 是否覆盖或附加html{}
CSS?我希望它是附加的,因为覆盖可能会把事情搞砸。
我不只是编辑 bootstrap.css 文件的原因是因为我阅读了不编辑 bootstrap.css 文件的好习惯,以便将来的升级尽可能顺利。
顺便说一句,如果有人想知道overflow-y:scroll
在您的浏览器中始终包含一个垂直滚动条是什么,无论是否有可滚动的材料。修复了可怕的“页面移位”问题,这是迄今为止我能找到的最简单的解决方案。