html - 如何根据屏幕宽度覆盖CSS

Question

下面我写了一些 css 以确保我的“部分”在导航到时用完整个屏幕，但是当浏览器窗口变小或在移动设备上访问时，内容会丢失，因为它不适合。

我做了一个媒体查询来对抗 css 的第一位，但我不确定如何设置它来对抗它。

@media screen and (max-width: 550px){
section.full {height: auto;}
section.contactfull {height: auto; margin-top:0%;}

}

section.full {height: 100vh;}
section.contactfull { 
height: 70vh;

margin-top: 10%;
}

Answer 1

我认为你必须让事情顺其自然。无论人们使用什么设备，您都只能限制这两个维度中的一个，而不能同时限制这两个维度。

只需水平调整事物，让它们垂直流动。