Question

我正在尝试防止html页面移动，而宽度页面小于1350 px时要调整大小。

在我的css代码中，关于宽度，高度，转换：请转换，我使用的是值vmax，而不是px或％。所以最小宽度可能不起作用，我所有的元素都因为使用vmax而不断调整大小，因此它们也只是根据窗口大小来调整大小。.：：

我尝试了此操作，但是这也行不通（我试图停止调整三个白色矩形tabcmp0、1和2的大小）

@media only screen and (max-width: 1350px) {
    #tabcmp0 {
        width: 370px;
    }
    #tabcmp1 {
        width: 370px;
    }
    #tabcmp2 {
        width: 370px;
    }
    body {
        max-width: 1350px;
    }
}

Code + preview

举例来说，请参见this page，当她小于px时，页面停止调整大小，并出现滚动条，我希望得到相同的结果，但是我不知道该怎么做。 ..

Answer 1

如果您要在其中创建静态内容，我认为没有选择返回px模型。

@media only screen and (max-width: 1350px) {
  #tabcmp0 {
      width: 370px;
      height:580px;
      left:210px;
  }
  #tabcmp1 {
    width: 370px;
    height:580px;
    left:590px;
  }
  #tabcmp2 {
    width: 370px;
    height:580px;
   left:980px;
  }
  .select_dev {
    width:202.5px;
  }
  body {
    max-width: 1350px;
  }
}

我认为您应该为标题，左侧菜单等每个元素都提供所有确切的px值，而不是动态的vmax值。

防止HTML页面调整大小

1 个答案: