レスポンシブデータテーブルがサファリで動作しない

サファリで簡単に反応するテーブルを作成しようとしました。レスポンシブデータテーブルがサファリで動作しない

小さな画面ですべてのテーブル要素をdisplay:blockに設定しようとしています。

@media only screen and (max-width: 760px) { 

    table, thead, tbody, th, td, tr { 
     display: block; 
    } 

    td:empty { 
     display: none; 
    } 

}

技術はhereを説明しています。

私はthis simple jsbin作業を取得しようとしていると、これは私が得るものです：

出典

2016-05-14 haki

私は私の問題は、私はDOCTYPEアノテーションを持っていなかった、今日は同じ問題を持っていましたhtmlヘッダー。

<!DOCTYPE html> 
<html> 
etc...

これは私はセマンティックUIを使用していますし、Safariでこれと同じ問題で苦労されている、あまりにも...

出典

2016-06-18 16:05:28 hugoruscitti

-1

あなたjsbinのサンプルを修正します。

<!DOCTYPE html>を追加すると、この問題が解決しました。

出典

2017-01-14 17:09:33 Mooshwa

あなたの答えをありがとう！しかし、[このまったく同じ回答]（http://stackoverflow.com/a/37898979/660921）はすでに半年前に提供されたようですか？ – Carpetsmoker

レスポンシブデータテーブルがサファリで動作しない

答えて

関連する問題