Question

当前，如果可能的话，我正在尝试将div类固定为屏幕大小的80％？我不希望在更改浏览器大小时调整div的大小，使用媒体查询会更好吗？

.main{
    width: 80%;
    min-width: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    overflow: hidden;
}

Answer 1

您写

我不希望在更改浏览器大小时调整div大小

好吧，然后使用固定的像素宽度：

.main{
    width: 600px; /* or whatever value you wish */
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    overflow: hidden;
}

Answer 2

如果您始终希望div为屏幕尺寸的outTensor = myTensor3[(myTensor1.view(-1) == 1) & (myTensor2.view(-1) != 1)]。使用80%个单位。 viewport在您的情况下意味着视口宽度。

通过这种方式，您的div将始终是100vw（总视口大小）中的80vw。

见下文

vw

.main {
height:100px;
width:80vw;
background:red;
}

固定宽度与CSS和百分比

2 个答案: