css中id选择器媒体查询字体大小不改变怎么办

html-css027

css中id选择器媒体查询字体大小不改变怎么办,第1张

我正在使用 62.5% 技巧在不同的屏幕尺寸上设置我的字体大小。这些字母在大屏幕上看起来太小了，所以我想使用最小宽度媒体查询将其增加到 80% 的字体大小，但由于某种原因，这根本不起作用。难道我做错了什么？ 我正在使用 sass，此文件位于 _themes.scss 文件中

编辑：当我查看检查器时，媒体查询被划掉并显示“未知属性名称”

*,

*::before,

*::after {

color:rgb(255 211 0)">margin: 0

color:rgb(253 97 106)">padding: 0

color:rgb(98 189 255)">box-sizing: border-box

}

html {

color:rgb(98 189 255)">font-size: color:rgb(144 255 173)">62.5%

@media screen and (color:rgb(98 189 255)">min-width: 1600px) {

color:rgb(98 189 255)">font-size: 80%

}

}

html,

body {

color:rgb(98 189 255)">overflow-x: hidden

}

body {

color:rgb(98 189 255)">font-family: 'Poppins', Avenir, Helvetica, Arial, sans-serif

color: color:rgb(73 238 255)">hsl(0, 0%, 100%)

text-align: center

color:rgb(98 189 255)">font-size: 1.6rem

min-height: 100vh

}

1.双击打开HBuilderX工具，创建一个新的HTML5静态页面，如下图zd所示:

2.在body标签元素中插入多个div标签，并用div将它们嵌套在div中，如下图所示:

3.在标题标签下面添加一个样式，设置全局版本的样式，并使用*符号，如下图所示:

4.保存代码并打开浏览器查看页面效果。可以在页面上找到背景颜色，如下图所示:

5.使用body标签选择器设置宽度、字体属性、字体大小等属性，如下图所示:

6.最后，使用body标签内部的div选择器来设置div标签样式，并添加边框和内外边的权重距离，如下图所示:

有以下几种原因：

字体库中没有你所设置的字体

你设置的CSS样式被其他样式给覆盖了

css选择器是否正确

浏览器缓存问题，强制刷新下看看

导入的CSS文件路径是否正确