基本的に、私は伸縮性のあるテーブルを持っています。ラベル列を固定幅にし、データ列を動的にサイズ変更する必要があります。私の傾向はmax-width、ラベル列にビアCSSを設定することです。ただし、これには逆の効果があります。これを複製するjsfiddleを作成しました。（ウィンドウのサイズを変更して、左側の列が動的にサイズ変更され、右側の列が固定サイズになるようにします）
私自身のサイトでも同じ動作が見られ、IEとChromeでも同じように動作します。
切り替えてmax-widthデータ列に設定すると、すべてが思い通りに動作しますが、逆に感じます。私はここで何か間違ったことをしていますか？
テーブルに幅を設定することは常に少し...奇妙です。「幅」は、元々「最小幅」が存在しなかったため、実際にはほとんどの場合「最小幅」を意味すると解釈されます。
しかし今ではtable-layout:fixed、CSSに追加することで、テーブルを強制的に動作させることができます。
ここで、別の問題が発生します。このテーブルレイアウトは、最初の行のセルの幅を取得し、それらをテーブル全体に使用します。
<colgroup>したがって、最初の行の前に、テーブルにを追加できます。これにより、限られた数のスタイルを設定できますが、最も重要なのはwidthです。使ってみmax-widthたことはありませんが、うまくいくと思います。ただし、パーセンテージ幅の方が安全な場合があります。
chrome開発者ツールを使用してデータ列からmax-widthを削除しても、影響はありません。そのクラスのその列には必要ありません。テーブルの幅は100％であり、ラベル列のみにそのサイズを保持する幅が設定されているためです。だから私はそれが機能していると思いますか？