IEで機能しない要素の初期幅を使用する

Question

キャンバスと凡例<table>をコンテナに挿入するグラフプラグインがあります。このプラグインではtableにはwidthが定義されておらず、私のCSSには、プラグインが挿入されるコンテナー内のテーブルの幅があります。

そのため、新しいdivはCSSからtable{ width: 100%}を継承しており、レンダリングが間違っています。

width: initial;を使用しようとしましたが、Chromeで見栄えが良いですが、 IEはそれを気に入らない ^{ブラウザの互換性を確認する}

スクリプト/プラグインではインラインCSSを変更/強制することは認められますが、それはあらゆる環境で動作する必要があるためです。

ここで最善の解決策は何ですか？

Answer 1

あなたが言ったように、一般的にwidth: autoは同様の効果があります。ルールを持つ：

.my-selector {
    width: auto;
    width: initial;
}

サポートされている場合はinitialを使用し、サポートされていない場合はautoを使用する必要があります。

Answer 2

スクリプト内でwidth: auto;インラインを使用すると、Chrome、FIrefox、およびIE 11.の問題が解決します。より良い方法があるかどうかはわかりません。