Question

为什么这不起作用。

body{
    @media screen and (min-width: 1024px) {
        min-width:1339px;
    }
}

我想如果用户在Iphone或Ipad 2上设置最小宽度：1339px;但如果在桌面浏览器上没有添加任何最小宽度。

Answer 1

使用媒体查询时，您无法将放在选择器内。

编辑：重新阅读后，我也看到您要将其应用于iPad / iPhone，因此您需要最大宽度，而不是最小宽度。

@media screen and (max-width: 1024px) {
    body {
        min-width:1339px;
    }
}

Answer 2

将它带到身体标签之外：

@media screen and (min-width: 1024px) { body { min-width:1339px;} }

Answer 3

要设置此最小宽度测量，媒体查询必须具有要修改的ID或类。您还必须用大括号括起测量值。

Example:

 @media screen and (min-width:1024px){
     body{min-width: 1339px;}
}

不要在媒体查询和第一个大括号之间放置空格，因为它会将媒体查询解释为无效。另外，请确保将所有样式放在大括号中，否则如果将其放在大括号之外，它会将样式应用于整个页面。

希望有所帮助。

更新：

我想知道宽度是否是一个问题，但在我们跳到那个结论之前。我想我找到了你所缺少的东西。试试这个，更新的例子：

    @media screen only and (min-width: 1024px) {
     body{min-width: 1339px;}
    }

如果这不起作用，我尝试编辑宽度。因为我认为最小宽度测量不会显示，因为它大于iPad屏幕的最小宽度。如果你尝试改变宽度，我会设置一个基本宽度：1339px;然后最大宽度：85％;然后从那里开始工作。通过这样做，将使用1339px的宽度，然后将其缩小到您为iPad指定的任何百分比。它会使你的布局反应灵敏，我相信我读到的是你想要做的事情。

如果有效，请告诉我。

Ipad屏幕分辨率和桌面版本

3 个答案: