インスペクタを表示するまでテーブルが正しく表示されず、すべてが正しく表示されるということはどういう意味ですか?Firefoxテーブルの境界線の矛盾 - インスペクタが開いているときに表示されない
私は表示するテーブルがあり、セルの周りに境界線が必要です。いくつかのセルは、境界を一貫して表示しません。 ページをリフレッシュすると、セルがばかばかしくアウトライン化します。 Developer>Inspector
オプションを選択すると、すべてのセルが即座に正しく表示されます。また、ブラウザのサイズを変更すると、テーブルが正しく表示されます。 Chromeに同じページを表示すると、セルは常にアウトライン化されます。実際の手がかりは、インスペクタを開くとテーブルが正しく表示されるということです。インスペクタは何をしていますか?私はMozillaのバージョン53.0.2を使用しています。ここで
は、表スタイルである:
<style>
.statusTable {
width:100%;
}
.specialRow td {
padding:3px;
padding-top:20px;
background-color:#EEE;
}
.outlinedRow td {
padding:3px;
border-width:1px;
border-style:solid;
border-color:grey;
}
.statusTable tr th{
padding:3px;
}
</style>
行の2つのスタイル、 'specialRow' または 'outlinedRow' のいずれかがあります。ページががをリフレッシュされたとき、私はこの取得:
をしかし、私はインスペクタを起動した場合、表示が修正されています。私がどうあるべきかの
任意のアイデア?
編集1
これは間違いなく、ズームとは関係ありません。ズームのどのレベルでも同じ問題が発生します。リフレッシュは100%スケールの不安定なグリッドを塗りつぶします。また、ズームインしてズームアウトすると、グリッドは不安定なままです。場合によっては、グリッドの他の部分をズームすると消えます。
私はborder-collapse: separate
border-collapse: initial
と同様にborder-collapse: collapse
でテストしており、いずれの場合も問題が発生します。