gpt4 book ai didi

css - HTML5 元素在 Chrome 中工作但在 Safari 或 Firefox 中不工作?

转载 作者:行者123 更新时间:2023-11-28 05:09:07 25 4
gpt4 key购买 nike

我正在使用 HTML5 元素,在我正在处理的元素中,CSS 似乎在 Chrome 中运行良好。但是,它似乎无法在 Safari 或 Firefox 中运行(我没有测试过 IE,但我想它是一样的),而且页面布局到处都是。

知道这是为什么吗?我知道 Firefox 和 Safari 都支持这些元素,而 Safari 和 Chrome 一样是基于 webkit 的,所以我不知道是什么问题。

可以看到网页 here . {网站链接不可用}

最佳答案

Safari 和 Firefox 对 HTML5 分段元素具有相同级别的“支持”(在看到您的演示页面后,我猜这些就是您正在谈论的元素):它们可以设置样式,但您必须设置display: block;含蓄地。

aside, article, section { display: block; }

将此规则添加到您的 CSS 将解决问题。

要使这些元素在 IE 中具有样式,您只需使用 HTML5 shim/shiv。将以下 HTML 放入您的 <head> :

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

关于css - HTML5 元素在 Chrome 中工作但在 Safari 或 Firefox 中不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2593594/

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