3 つの状態 (フル、480px、320px) のレスポンシブ サイトを作成しています。
デバイス幅へのスケーリングは、最初のレスポンシブ モードが開始される場所である 700 ピクセルより小さい画面のスマートフォンやデバイスで適切に表示されます。
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
ただし、iPad では幅を 1200px にしたいので、最初はページが「完全な栄光」でズームアウトされて表示されます。
クライアント側のコードでこれを行う方法はありますか? サーバー側でユーザーエージェントを取得できることは知っていますが、バックエンドコードを作成していないため、html/js ソリューションを使用したいと思います。
もちろん、iPad のレスポンシブな状態が理想的ですが、それには時間もお金もありません。デスクトップ サイトで十分に機能します。