制作実績お問い合わせプライバシースポンサーリンクtdタグにdisplay:bock;を指定するときのchrome、firefoxの動作の違い2015年9月29日Check既存のtableタグで作られたサイトをレスポンシブ仕様にする業務がありました。既存のhtmlはできるだけいじりたくないのでcssをコーディングしてレスポンシブ化していったのですが、のように、セルが2列でならんでいるデザインの場合、スマホ閲覧時には1列にしたかったので、td{display:block;}と指定し、縦一列に並ぶよう指定しました。(もう少し適切な記述があるかもしれません。)firefoxでは想定どおりにレイアウトできたのですが、chromeではなぜかうまくいきませんでした。Transitional」の指定の違いでした。Transitional」指定だと、tdタグに「display:block;」指定が効きません。Transitional」指定だと、上記cssが効きました。PS.そもそも、レスポンシブ仕様なら本来「html5」仕様にするべきなんでしょうがw。