Windowsテーブルの列の幅が定義されていないか、ブラウザのバージョンが一致していません

Question

テーブルの列幅に問題があります。それは窓の表面クロムでのみ起こります。 （この時点でV55最新版）に以下のコードを実行

（100％ズーム）：

• のWindows表面クロム：カラムの幅がT2

  ため27.33pxある

• その他ブラウザ：列の幅はt2の場合27pxです

どうすればこの問題を回避できますか？それはブラウザのバグですか？

* { 
 
    box-sizing: border-box; 
 
} 
 

 
table { 
 
    border-collapse: collapse; 
 
    border-spacing: 0; 
 
    text-align: center; 
 
} 
 

 
.t1 td { 
 
    width: 108px; 
 
} 
 

 
.t2 td { 
 
    width: 27px; 
 
} 
 

 
td { 
 
    white-space: nowrap; 
 
    border: 2px solid red; 
 
}

<table class='t1'> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    <td>4</td> 
 
    </tr> 
 
</table> 
 

 
<table class='t2'> 
 
    <tr> 
 
    <td>1</td> 
 
    <td>2</td> 
 
    <td>3</td> 
 
    <td>4</td> 
 
    </tr> 
 
</table>

Answer 1

いくつかの時間調査した後、それはクロム特定のバグのように思えます。

https://bugs.chromium.org/p/chromium/issues/detail?id=377847

カントはそれを動作させるために任意のハック/解決策を見つけます。私の特定のユースケースでは、問題を解決するために、私はテーブルを使用しないことにしました。