デスクトップおよび iPad 用の Web サイトを設計しています。iPad とデスクトップ PC には同じ Web サイトが使用されます。
サイトのデザインの幅は 1024px で、iPad のポートレート モードでは 768px になります。私の質問は、デザインを作成し、CSS を作成する際に考慮すべきことです。そのため、ポートレート モード用の特定の CSS を作成する必要はありません。
メディアクエリを使用せずに、両方の向きに柔軟なレイアウトを作成したい。
デスクトップおよび iPad 用の Web サイトを設計しています。iPad とデスクトップ PC には同じ Web サイトが使用されます。
サイトのデザインの幅は 1024px で、iPad のポートレート モードでは 768px になります。私の質問は、デザインを作成し、CSS を作成する際に考慮すべきことです。そのため、ポートレート モード用の特定の CSS を作成する必要はありません。
メディアクエリを使用せずに、両方の向きに柔軟なレイアウトを作成したい。
すべてに相対幅を使用する必要があります-パーセンテージとemを考えてください。
メディア クエリがなければ、向きごとに異なるレイアウトを提供することは不可能です。ただし、デザインとコードが柔軟である場合 (相対的な幅を使用)、デザインは利用可能な画面幅に基づいて伸縮します。
私の意見では、最大の設計上の懸念は、サイトが幅 768 ピクセルと幅 1024 ピクセルでどのように見えるかということです。線の長さが長すぎませんか?画像はどのように伸縮しますか? 768px のフォント サイズは 1024 で読みやすくなりますか?
フォントサイズは、設定したemに基づいて自動的に調整されます。これは、心配する必要がないので便利です。