1

我想改变我的视口:

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

至:

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

基于设备屏幕。第一个示例非常适合 iPad,但在 iPhone 上,我有一个我想要启动的响应式样式表。

我已经尝试过我从这个问题修改的这个片段。根据设备分辨率更改视口

// 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');
}
4

1 回答 1

6

我想到了。问题出在我的媒体查询上。它应该是最大设备宽度,而不是最小宽度或最大宽度。

// 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');
}
于 2013-03-04T03:47:46.667 回答