ユーザーのデバイスとそのデバイスの向きに基づいてビューポート タグのコンテンツ属性を更新しようとしています。
デバイスの種類とその向きを問題なく読み取ることができるので、スクリプトを実行して、それらの結果に基づいてメタ タグを動的に作成します。
私の問題は、ユーザーが向きを横向きから縦向き (またはその逆) に更新したときに、コンテンツ属性を更新できないことです。
私の目標は、これら 2 つの値を交換することです。
//Portrait .setAttribute('content', 'width=device-width; maximum-scale=0.75; user-scalable=1;');
//Landscape .setAttribute('content', 'width=device-width; maximum-scale=1.0; user-scalable=1;');
私はこの答えの解決策を広範囲に探しました。誰かがこの背後にあるトリックを知っていることを願っています。
編集
私が達成しようとしていたことは、ceejayoz が以下にコメントしたように、メタタグを使用せずに css で行う必要があります。これはメディアクエリで行うことができます。
@media only screen and (orientation:portrait) {
// insert code here
}