2

我目前正在使用语义 UI 的表格,这些表格应该是移动响应的(此处的示例和描述http://semantic-ui.com/collections/table.html

我唯一的问题是显然具有相同的设置,Safari 和 Chrome 会在我的网站上以最奇怪的方式呈现移动版本的表格,但绝对不会像在他们的网站上通常那样阻止。

我添加了 normalize.css 但它似乎不适用于这个问题。

我错过了什么吗?

4

2 回答 2

3

问题不在于语义 UI,而在于 Webkit。

Webkit 覆盖 display: block; display: table-cell;并在没有<!DOCTYPE html>为您的 html 声明时计算它在 td 中。

来源: 显示:阻止在 Chrome 或 Safari 中不起作用

于 2014-08-19T00:11:53.800 回答
2

我一直有同样的问题。除了 Safari,我最初在其他所有浏览器中都有两行。在 Safari 中,它只有一排。这为我修复了它:https ://github.com/Semantic-Org/Semantic-UI/issues/849

我希望它有帮助!

于 2014-08-13T15:12:21.323 回答