更改元視口取決於設備/屏幕分辨率在jQuery Mobile的

Question

我想我從視窗改變：

<meta name="viewport" content="user-scalable=no"> 

要：

<meta name="viewport" content="width=device-width, initial-scale=1"> 

根據設備屏幕上。第一個例子適用於iPad，但在iPhone上我有一個響應式樣式表，我想踢它。

我試過這段代碼，我已經修改了這個問題。 changing viewport based on device resolution

// Check for iPhone screen size 
if($.mobile.media("screen and (min-width: 320px)")) { 
    // Change viewport for smaller devices 
    $('meta[name=viewport]').attr('content','width=device-width, initial-scale=1'); 
} 

Answer 1

我想通了。問題出在我的媒體查詢。它應該是最大設備寬度，而不是最小寬度或最大寬度。

// Check for device screen size 
if($.mobile.media("screen and (max-device-width: 480px)")) { 
    // Change viewport for smaller devices 
    $('meta[name=viewport]').attr('content','width=device-width, initial-scale=1'); 
}