gpt4 book ai didi

CSS 问题,针对 IE8 中的字体大小

转载 作者:行者123 更新时间:2023-11-28 10:57:42 25 4
gpt4 key购买 nike

请看我的网站:http://burnett.inigowebdesign.co.uk/local_area

我正在使用 Twitter bootstrap CSS(带有 HTML5 Boilerplate)、Modernizr 和使用 @font-face 的 Google 字体。

我正在使用 modernizr 来测试浏览器对 fontface 的支持——它不支持,我需要更改字体大小(否则它会太大)

我正在测试站点的兼容性,并注意到在 IE8(以及早期版本的 Safari 和 Opera)中我的字体大小规则被忽略了。特别是,主列表中的 h3 元素(您可以在左侧的绿色框中看到)似乎不响应我应用于它们的任何 CSS。我正在使用 Firebug 检查规则,但找不到任何可能的冲突。它甚至会忽略 !important。事实上,我给它们设置样式的唯一方法就是使用内联 CSS。

这是怎么回事??

最佳答案

enter image description here由于每个 css 文件中定义的 font-size 不同,文本会有所不同。在 normalize.css 中,h3 的字体大小为 1.17em,在 fontface.css 中,字体大小定义为 50px。浏览器可能会以一些不同的顺序呈现文件。

使用此属性的 normalize.css 文件。

h3 {
font-size: 1.17em;
margin: 1em 0;
}

使用此属性的 fontface.css 文件。

h3 {
font-size: 50px;
/* letter-spacing: normal;
font-weight: normal;*/
line-height: 36px;
}

关于CSS 问题,针对 IE8 中的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22566566/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com