相对于分辨率制作保证金

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