javascript - 根据浏览器宽度 Javascript 更改边距

Question

我试图在我的网站上制作一个“附加评论”框，它 float 在页面右侧，而右侧有 4 个输入。

出于某种原因，在浏览器调整大小时，评论框位于输入的后面。

我想让它在浏览器小于例如 400px 时，对评论框应用边距。我尝试了以下方法，但似乎没有用。

var browserSize = window.innerWidth();
    var additional = document.getElementById("additional");

    if(browserSize < 400px) {
        additional.style.marginTop = "200px";
    }

有人可以指导我去哪里吗？非常感谢!

Answer 1

为什么不使用 CSS 媒体查询？你可以在样式表中做这样的事情:

@media only screen and (max-width: 400px) {
    #additional {
        margin-top: 200px;
    }
}

但是，您应该尽量避免使用 ID 作为 CSS 选择器。