firefoxで見たときだけtableの幅が違う

UIの変更や追加時に各ブラウザでテストしたら、firefoxだけtableの表示がおかしい。他は大丈夫なのに

という状況の時も慌てずデベロッパーツールでチェック


変更としてtableのカラムを削除していたのですが、その時にcolgroupの削除忘れが原因でした。 他のブラウザはcolgroupをスルーしてくれていたのですが、firefoxは律儀にサイズをとってこようとしていました。結構挙動変わるものなんですね。

web開発において、UIの変更や追加時は各ブラウザの挙動をチェックすることが大事だと改めて思いました。