特定のデバイスにのみビューポートを設定するにはどうすればいいですか？

Question

480px（iPhoneなど）より小さいすべてのデバイスに<meta name="viewport" content="width=650" />を設定する必要があります。 私の頭に浮かんだもっとも単純な解決策は<meta name="viewport" content="width=650" media="only screen and (max-device-width: 480px)" />ですが、残念ながらメタ属性ではメディア属性が許可されていません。

問題は、iPadsのビューポート宣言や、少なくとも別の「幅」の表示を望んでいないことです。

WURFLを実装してPHPでビューポート宣言を除外する前に、簡単な解決策はありますか？

Answer 1

ここでは素敵なクリーンネイティブソリューションです。

（私はそれがあなたのWebViewに、このデータポートに簡単になりますと仮定）

if (UI_USER_INTERFACE_IDIOM() == UIUserInterfaceIdiomPad) 
{ 
    // The device is an iPad running iPhone 3.2 or later. 
    float viewportWidth = 768.0; 

} 
else 
{ 
    // The device is an iPhone or iPod touch. 
    float viewportWidth = 320.0; 
} 

Answer 2

だから私は（Modernizrの助けを借りて）この解決策を考え出した：

<meta name="viewport" id="viewport" /> 
<script src="modernizr.js"></script> 
<script> 
if(Modernizr.mq("only screen and (max-device-width: 480px)")) 
    document.getElementById("viewport").setAttribute("content","width=650"); 
</script>