これが私のシナリオです。
- 画像が 1360px に固定された WOW スライダーがあります。
- 幅が 100% に設定されたテーブルがあります
テーブルのコンテンツが画像スライダーよりも大きくなり、見栄えが悪いため、解像度が 1360px を超えると問題が発生します。テーブルの内容を低解像度で画面の幅いっぱいに表示したいのですが、1360px を超えるサイズには変更しません。
CSSでこれを達成する方法はありますか? 他に何を試すべきかわかりません。
これが私のシナリオです。
テーブルのコンテンツが画像スライダーよりも大きくなり、見栄えが悪いため、解像度が 1360px を超えると問題が発生します。テーブルの内容を低解像度で画面の幅いっぱいに表示したいのですが、1360px を超えるサイズには変更しません。
CSSでこれを達成する方法はありますか? 他に何を試すべきかわかりません。
max-width:1360px
次のようなCSSスタイリングページを介して、テーブルに適用します
#tableId {
width:100%;
max-width:1360px;
}
またはタグ自体に入れ<table>
ます(スタイルシートがある場合はお勧めしません)
<table style='width=100%; max-width:1360px'>
を探していmax-width
ます。
#table {
width: 100%;
max-width: 1360px;
}
上記を使用すると、テーブルは水平画面の 100% を占めますが、1360px を超えることはありません。