在我的样式表中导入 Normalize.css 文件后,我的网页在右侧有一个水平滚动条和空白

Posted

技术标签:

【中文标题】在我的样式表中导入 Normalize.css 文件后,我的网页在右侧有一个水平滚动条和空白【英文标题】:After importing Normalize.css file in my stylesheet , My webpage has a Horizontal scrollbar and white space on right side 【发布时间】:2021-07-11 13:42:00 【问题描述】:

我创建了一个 SCSS 文件。然后复制粘贴 Normalize.css 的所有 CSS 样式。然后我将该文件导入到 style.SCSS 中。之后,我的网页在右侧显示一个水平滚动条和空白区域。我找不到代码的哪一部分对此负责。 我给你我导入的所有 Normalize.css 代码。 Gist link

【问题讨论】:

【参考方案1】:

可能是因为溢出可见。将其更改为溢出:隐藏;或管理组件的宽度。或者如果有文本扩展 with 添加类似的内容: word-wrap: break-word; 很难说没有看到实际的错误 在溢出时查看https://developer.mozilla.org/en-US/docs/Web/CSS/overflow fot mor 信息。

【讨论】:

以上是关于在我的样式表中导入 Normalize.css 文件后,我的网页在右侧有一个水平滚动条和空白的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 PostCSS 在 Vue 中导入全局 CSS?

css重置样式表reset.css和normalize.css

css重置样式表reset.css和normalize.css

css重置样式表reset.css和normalize.css

Normalize.css到底有啥用,麻烦举个比较实际的例子,他的功能是否重置浏览器默认样式表?

在聚合物3中导入外部样式表