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

我试图在我的网站上制作一个“其他评论”框，该框浮动在页面的右侧，而右侧有4个输入。

由于某些原因，在调整浏览器大小时，注释框位于输入的后面。

我希望这样做，以便当浏览器小于（例如）400px时，它会将空白应用于注释框。我尝试了以下方法，但这似乎不起作用。

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

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

有人可以指导我去哪里吗？
提前谢谢了！

最佳答案

为什么不使用CSS媒体查询？您可以在样式表中执行以下操作：

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

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