在调整窗口大小时，使用JavaScript重新定位元素是否可以？

Question

我正在努力完成一个单独用CSS很难实现的定位方案。我可以使用JavaScript轻松完成，使用类似：

function onWindowResize(new_width,new_height){
    $('#element')
       .css({  left: some_function(new_width),
               top: another_function(new_height) });
};

使用这种方法可以吗？什么可能的缺点？

Answer 1

当然，如果你愿意，可以使用javascript完成它。一些调整大小操作需要比纯CSS中表达的更复杂的逻辑。

在许多情况下，它也可以用纯CSS完成。如果你向我们展示你真正想要完成的事情，你可能会得到一些仅限CSS的建议。

潜在的缺点：

1. 您的网页需要使用javascript才能正常运行（我认为这些天不是很多问题）。
2. 与仅使用CSS的解决方案相比，在调整窗口大小期间，布局可能无法顺利跟踪。

Answer 2

两个缺点：

• 如果用户已停用JS
，则无效
• 将您的布局与JS联系起来，最好将其保存在CSS中