0

私は2行のかなり単純なレイアウトを持っています。2番目の行には2つの列があり、各列にテーブルがあります。ウィンドウが広いと全体が綺麗に見えますが、ブラウザのウィンドウを狭くし始めると、2つのテーブルが重なり始めます!

低解像度のモニターでは、これはブラウザーがモニターの幅の2/3まで広くなる可能性があり、テーブルが重なり始めることを意味します。

デモについては、ウェブサイトをご覧ください。「サンプルデータ」をクリックすると、2つのテーブルのデータが重複していることがわかります。具体的には、値が長い行を探します。

私はこれをChrome/Windowsで一貫して見ています。

これは単にブートストラップの制限ですか(一部の人が不満を言っているのを読んだので)、それとも私は何か間違ったことをしていますか?どうすればこれを解決できますか?

ありがとう

4

1 に答える 1

2

あなたは基本的にあなたの質問で問題を繰り返しました。「メッセージ」行の長い値は、解像度が狭いと長すぎることになります。私の提案は、「。badge、.label」セレクターから「white-space:nowrap」を削除することです。それは彼らがテーブルの側面を破壊するのを防ぎ、より広い解像度で彼らが収まるのを助けるでしょう。

わかる?

于 2012-11-02T03:43:53.100 に答える