デザインとCSSを追加/削除せずにポートレートとランドスケープモードのレスポンシブデザインを作成するにはどうすればよいですか？

Question

私はデスクトップとiPadのウェブサイトを設計しています。 iPadとデスクトップPCで同じWebサイトが使用されます。

サイトのデザインの幅は1024pxで、iPadのポートレートモードでは768pxになります。私の質問は、デザインを作成してCSSを書く際に考慮する必要があるものなので、ポートレートモードの特定のCSSを書く必要はありません。

メディアクエリを使用せずに両方の向きに柔軟なレイアウトを作成したいと思います。

Answer 1

相対的な幅をすべて使用する必要があります。パーセンテージとemを考えてください。

メディアクエリがないと、向きに異なるレイアウトを提供することが不可能になりますが、デザインとコードがフレキシブル（相対幅を使用）している場合、デザインは利用可能な画面幅に基づいて拡大/縮小されます。

私の意見では、最大のデザイン上の懸念は、768px幅と1024px幅のサイトのように見えます。線の長さが長すぎますか？画像はどのように伸縮するのですか？ 768pxのフォントサイズは1024で読みやすいでしょうか？

Answer 2

あなたが設定したフォントサイズに基づいてフォントサイズが自動的に調整されますので、気にする必要はありません。