css - レスポンシブの問題

Question

ページのサイズに合わせてページのテキストを変更しようとしています。たとえば、すべてのテキストが div に収まるように、画面の解像度に応じて行が異なる場所で終了します。

これを行うための非常に簡単な方法があると確信していますが、まったくわかりません。

どんな助けでも大歓迎です、

ありがとう。

Answer 1

レスポンシブを考えている場合は、デザインに対するある程度の制御を放棄することを学ぶ必要があります。行の長さはデバイスによって異なりますが、これは想定される動作です...

本当に始めたばかりの場合は、すべての始まりとなった元の記事を読む必要があります。イーサン・マルコットの本も欠かせません。

使用可能なスペースに合わせて見出しテキストを縮小/拡大することを検討している場合 (および jQuery の使用に慣れている場合) は、FitTextを確認してください。

Answer 2

メディア クエリ:

@media all and (min-width: 800px) {
  body { background: red; }
}