javascript - 屏幕分辨率适配中的网站调整

Question

嗨，我是新手，刚开始创建网站。我真的想不通如何自动调整我的网站是否可以适应不同的屏幕分辨率，以及当窗口大小调整到更小而不重叠网站内容时？ 现在我的屏幕分辨率是 1680 x 1050，这是我实际创建网站的地方。

希望你能帮助我。谢谢!

Answer 1

您很可能需要使用所谓的媒体查询:

@media screen and (max-width: 975px){
    body{...}
    div{...}
}

在 MDN 上阅读它们