私は現在、モバイル対応であるはずのセマンティック UI のテーブルを使用しています (例と説明はこちらhttp://semantic-ui.com/collections/table.html ) 。
私の唯一の問題は、明らかに同じ設定をしていることです.SafariとChromeは、私のWebサイトで最も奇妙な方法でテーブルのモバイルバージョンを表示しますが、Webサイトで通常のようにブロックすることはありません.
normalize.css を追加しましたが、この問題では機能しないようです。
何か不足していますか？
問題はセマンティック UI の問題ではなく、Webkit の問題でした。
Webkit は display: block; をオーバーライドします。htmlに対して宣言されて
display: table-cell;いない場合、tdにあると計算します。<!DOCTYPE html>
私は同じ問題を抱えています。Safari を除く他のすべてのブラウザーには、もともと 2 つの行がありました。Safari では、1 行だけでした。これで修正されました：https://github.com/Semantic-Org/Semantic-UI/issues/849
それが役立つことを願っています！