Javascript 掌握HTML元素定位w.r.t视口和区域

我正在努力获得有关视口和区域的html元素定位的良好实践，并希望掌握视口、区域、offsetLeft、offsetTop等内容

可能需要尽快处理“根据桌面、平板电脑和智能手机的视口大小定位元素”或“确保元素始终位于视口内，而不考虑形状因素”等场景

如果你能给我指点一些好的资源，让我通过简单的javascript获得关于这方面的知识，并且不想依赖任何框架，那将是非常有帮助的

---

提前感谢您的帮助

这个问题对这个网站来说太广泛了；检查类似或可能的有用信息源。在大多数情况下，您不会使用JavaScript进行此操作，而是使用CSS媒体查询…因此您的问题的前提似乎已经不存在了。同意，但是我们希望以一种与形式因素无关的方式实现这些内容，并尽可能少地编写媒体查询，以避免维护分叉。