2

現在の Web サイト プロジェクトのテーブルで画像のサイズ変更に問題があります。

基本的に、ページ コンテンツ内のすべての画像はコンテナーの幅に合わせてサイズ変更されますが (レイアウトに使用している Twitter Bootstrap フレームワークが原因です)、テーブル内の画像は Chrome でのみ機能することがわかりました。他のブラウザー エンジンでは、テーブルのサイズ変更は無視されます (のみ)。max-width: 100%サイズ変更に使用すると、すべての場合に機能すると思いました。

私に尋ねる前に、特定のページでは html テーブルの使用が意図されています。これは、html の知識のない人でもページを簡単に編集できるようにする必要があるためです (申し訳ありませんが、必要です)。

ページの URL は次のとおりです。http://kunden.tommy-computer.at/fsv_noetsch/?page_id=35

問題の簡素化されたバージョンは、この fiddleで見ることができます。

これは、ブラウザーの解像度が小さい場合のページの外観です (正しい動作ですが、Chrome でのみ機能します)。 ここに画像の説明を入力

他のブラウザでは次のように表示されます (画像のサイズは変更されず、テーブルの列の幅は 50% ではなく、まったく間違っています)。 ここに画像の説明を入力

これを修正する方法がわかりません。また、より良いアプローチもありません。多分あなたは私を助けることができます。ありがとうございました !

4

1 に答える 1

1

テーブルに属性を追加しtable-layout: fixed;ます (Firefox でテスト済み)。

于 2013-06-10T22:47:04.657 に答える