Javascript 一种使用CSS变换比例的响应技术

我想知道如何使一个网站响应使用CSS规模属性

基本上，代码将检测窗口宽度并相应地缩放元素，但在使用时存在一个问题：

transform:scale(1.3);

例如，scale应用到的元素保持其CSS大小，因此，我认为不可能通过javascript在屏幕上收集元素的实际大小，这使得无法计算它应该缩放多少

---

关于如何处理这个问题有什么想法吗？甚至可以根据窗口大小进行缩放吗？

使用CSS可以根据窗口大小进行缩放。最大宽度：50%；将使元素保持在浏览器宽度的50%

在整个页面中运行代码段并调整浏览器的大小

这就是你的意思吗？如果我误解了，请原谅。：）

。最大宽度{
高度：100px；
背景颜色：蓝色；
最大宽度：50%；
}

---

adapar a div与屏幕分辨率的正确方式是使用百分比或使用“最大宽度”和“最小宽度”属性

---

如需了解更多信息，建议根据窗口或屏幕宽度进行缩放。尽管简单的媒体查询是一个更好的解决方案。扩展响应性只是我有时不得不在基于画布的浏览器游戏中使用的一种技巧。