CSSタグmax-device-widthを使用したhtmlのif節は可能ですか？

Question

私はユニバーサルiOSプロジェクトを持っています。このプロジェクトでは、UIWebViewにローカルに保存されたHTMLページを表示する必要があります。私はHTMLでタグを使用する必要がHTMLコンテンツサイズを変更するには

：

：

<meta name ="viewport" content = "width = 703, user-scalable=no "> \\for the iPad 

と

<meta name ="viewport" content = "width = device-width, user-scalable=no "> \\for the iPhone 

は、HTMLのヘッダ内のようなものを追加する方法はあります

if(max-device-width == 480) { 
    <meta name ="viewport" content = "width = device-width, user-scalable=no "> 
} 
else { 
    <meta name ="viewport" content = "width = 703, user-scalable=no "> 
} 

HTMLまたはJSでこれを行う方法はありますか？私はhtmlとjsについての基本的な考え方しか持っていないので、これを達成するための助けは非常に高く評価されます。

ありがとうございました！

Answer 1

ウィンドウのサイズを照会することはできますが（慎重にする必要がありますが、see this）、幅の値をJavaScriptの結果から取得する値に置き換える必要があります。上記のquirksmodeの記事を読んでください。 [あなたが本当に結果を心配している場合は、jQueryのようなjavascriptライブラリを使うことを検討してください。jQueryは、すべてのブラウザケースを処理する必要があります。] "user-scalable = no"は設定した値に単に追加できますコンテンツ。