テーブル@mediaクエリの表示の問題

Question

1行に5セルがあるテーブルを作成しました。900pxの幅ですべてのセルを一緒に表示したい場合、画面サイズが下がると、最初の行に4セルが表示されます1が2行目に、1行目が1行になるまで続きます。私はあなたのテーブル border-collapse: separate;にここhttps://jsfiddle.net/e8hsmubv/

CSSコード -

@media all and (max-width:565px){ 
table{ 
    width:100%; 
} 
td{ 
    display:block; 
    width:100%; 
} 
tr{ 
    display:block; 
    margin-bottom:00px; 
} 
} 

Answer 1

はただ、最初にこのスタイルを設定するコードを掲載し、tdにdisplay:inline-block追加しています。前にそれを宣言してください@mediaそれはそうする:)