Question

我知道这个问题出现在这里几次，但我找不到我想要的答案。

基本上我创建了800x600分辨率的网页，因为我想从这一点调整桌面上不同分辨率的网页。在继续之前，我想问一下，使用％或px定义元素是最好的选择吗？

所以，让我说我有网络，我想调整到不同的分辨率。桌面大约有12个可用。如果我希望网络在每个网页上都能正常显示，我应该为每个网站编码，对吗？定位屏幕分辨率的最佳方法是什么？ 800x600运行良好，1024x600也适用。但是1024x768，由于某种原因没有被定位。在这里，我将发布代码：

.scene {
  padding: 0;
  margin: 0;
}

.fill {
  position: absolute;
  bottom: 0%;
  right: -1%;
  left: -2%;
  top: -10%;
}

.expand-width {
  width: 101%;
}

@media only screen and (min-width: 1024px) and (max-height: 600px){}

@media only screen and (min-width: 1024px) and (min-height: 601px){

    body{background-color: red;}

        .fill {
  position: absolute;
  bottom: 0%;
  right: -1%;
  left: -2%;
  top: -10%;
}

    .expand-width {
  width: 101%;
}
    }

Answer 1

首先，您正在使用媒体查询，因此％或px不是问题，因为媒体查询只能解决该问题。但对于真正的反应能力，你可以选择％。

接下来你设计的是1024 * 600，因此包含了1024 * 768，这就是为什么ir不会影响代码。

尝试！对1024 * 768分辨率样式很重要。

CSS Media查询无响应

1 个答案: