相对于分辨率做出保证金

Question

有效地，我希望我的保证金根据分辨率进行更改，

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

理想情况下，我希望将文字切断，或者更改为更合适..

目前只使用

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

对于某些元素，我希望这样做，（除了背景之外，所有这些都是如此）。

有一种简单的方法吗？感谢。

Answer 1

您可能需要查看媒体查询。它们允许您根据视口宽度，高度和旋转（纵向 - 横向）定义规则。

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;
    }
}