我目前正在使用语义 UI 的表格,这些表格应该是移动响应的(此处的示例和描述http://semantic-ui.com/collections/table.html)
我唯一的问题是显然具有相同的设置,Safari 和 Chrome 会在我的网站上以最奇怪的方式呈现移动版本的表格,但绝对不会像在他们的网站上通常那样阻止。
我添加了 normalize.css 但它似乎不适用于这个问题。
我错过了什么吗?
我目前正在使用语义 UI 的表格,这些表格应该是移动响应的(此处的示例和描述http://semantic-ui.com/collections/table.html)
我唯一的问题是显然具有相同的设置,Safari 和 Chrome 会在我的网站上以最奇怪的方式呈现移动版本的表格,但绝对不会像在他们的网站上通常那样阻止。
我添加了 normalize.css 但它似乎不适用于这个问题。
我错过了什么吗?
问题不在于语义 UI,而在于 Webkit。
Webkit 覆盖 display: block;
display: table-cell;
并在没有<!DOCTYPE html>
为您的 html 声明时计算它在 td 中。
我一直有同样的问题。除了 Safari,我最初在其他所有浏览器中都有两行。在 Safari 中,它只有一排。这为我修复了它:https ://github.com/Semantic-Org/Semantic-UI/issues/849
我希望它有帮助!