iPhoneで回転を適切に処理するviewport metaを設定するには？

質問

ということで、今まで使っていた

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>

を使って、HTMLコンテンツをiPhoneでうまく表示できるようにしています。 これは、ユーザーがデバイスを横向きに回転させるまではうまくいきます。 横向きにすると、320pxに制限されたままです。

ユーザーがデバイスの向きを変えるのに応じて変化するビューポートを指定する簡単な方法はありますか? ビューポートを指定する簡単な方法はありますか? それとも、それを処理するために Javascript に頼らなければならないのでしょうか?

どのように解決するのですか？

ちょうど自分でこれを解決しようとしていたのですが、私が思いついた解決方法は。

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

これは、デバイスの向きに関係なく、デバイスを 1.0 のスケールに固定するようです。副次的な効果として、それはしかし、ユーザーのスケーリング (ピンチによる拡大縮小など) を完全に無効化します。