私はテーブルルックアタック対応設計でほぼ完成しています。 This is a pen to it.私が最後に気に入っているのは、.image
の間の固定スペースと、右側のテキスト.right-side
divです。 20pxと言うことができます。現在、画面サイズが小さくなると、右側のテキストが左側の画像の領域に侵入します。固定された間隔を持ち、応答を維持する最良の方法は何でしょうか?あなたはフレックスコンテナであることを.wrapper-1を変更し、例えば、このような幅のパーセント値を削除することができ応答テーブルの固定幅スペーサを維持
0
A
答えて
1
:
.wrapper-1 {
padding:10px 10px;
display:flex
}
.left-side {
width:70px;
}
.right-side {
flex:1;
}
+1
おかげで、あなたは天才です! – sanjihan
関連する問題
- 1. 固定幅と応答高さを持つグリッドビュー
- 2. 固定幅の区切りに固定幅のテーブルを移動
- 3. 全幅だが高さ固定の応答スライダ
- 4. 携帯電話の固定幅応答デザイン
- 5. 固定高さ、幅自動および維持率の画像
- 6. 固定キーインデックスの維持
- 7. テーブル固定なしの幅
- 8. ロック列と応答を維持する
- 9. 応答性 - 高さを維持しながらDIVの幅を調整する
- 10. 標準固定テーブル幅
- 11. node.jsとExpressで固定応答構造を持つ
- 12. 固定幅の応答性のあるページを設計する方法
- 13. 応答幅
- 14. 固定数を維持する方法
- 15. 維持子どもの固定サイズ
- 16. 角度のあるマテリアルデザイン - 応答のある固定列幅グリッドの作成
- 17. 固定幅の列を持つWPFツリービュー
- 18. 弾性テーブル幅固定のカラムとヘッダ
- 19. UISegmentedControl(その他)の応答性を維持する
- 20. 固定幅の高さと可変幅のUWPを持つ
- 21. 設定された幅を維持しながら反応するCSS
- 22. ブートストラップカルーセルの高さの変更 - 応答性の維持
- 23. 固定ヘッダーとフッターと固定幅のないスクロール可能な本体を持つHTMLテーブル
- 24. ブートストラップボタン固定幅
- 25. 固定幅の列を持つ表 - 表の幅を指定しない
- 26. 固定幅のテキストファイル
- 27. 固定幅のブートストラップテーブルデータ
- 28. 固定幅のJScrollPane
- 29. レイアウトの固定幅、固定高さのフルハイト、全幅
- 30. 応答全幅cssSlider - ブレークポイント
は、あなたの質問のより具体的にします。 –
問題の説明を追加しました。 – sanjihan