html - 使余量相对于分辨率

Question

实际上，我希望我的边距根据分辨率发生变化，

在我的 1920x1080 计算机上，一切正常。在我的分辨率较小的平板电脑上，它重叠/使一切看起来很奇怪。

理想情况下，我希望文本要么被截断，要么进行更改以更好地适应......

目前正在使用

margin-left: 375px;
margin-right: 375px;

在某些元素上，我希望它是这种情况(除了背景等之外的所有元素)。

有没有简单的方法来做到这一点？谢谢。

Answer 1

您可能想看看媒体查询。它们允许您根据视口(viewport)宽度、高度和旋转(纵向-横向)定义规则。

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

#myDiv {
    margin-left: 375px;
    margin-right: 375px;
}

@media (max-width: 1900px) {
    #myDiv {
        margin-left: 150px;
        margin-right: 150px;
    }
}