Css 是否可以使用所有组件更改整个组件的大小'；内部的s控制器（如调整窗口大小）

我有一个组件，看起来很好，100%浏览器分辨率

有些用户要求将其显示得更大一些，有些用户要求将其显示得更小一些。 当然，它可以通过ctr++“/ctr++”-“实现，但我想实现一个滑块，用户可以在50%到150%之间滑动，以改变组件的大小，因为他认为合适

一个沙盒，用于说明组件的外观及其构建方式：

---

我想你可以通过按百分比调整大小来完成

我认为您可以实现一个滑块或其他东西，在它的任何一端，它激活CSS中的一个类，通过这个类，您可以使用

width:x%

，其中x是您想要在任何元素中使用的数量

var sliderthing = document.getElementById("component");
var outputthing = document.getElementById("out");

sliderthing.oninput = function() {
  outputthing.style.width = this.value;
  outputthing.style.height = this.value;
}

这是你想要的吗

或者，如果您想将其乘以以获得缩放效果（将其放在站点的每个组件上）：

---

您可以使用“缩放”进行此操作。将模块封装在div中以保持边界

小心使用，因为它不是在每个浏览器中都工作（thx@G-Cyr）

var$range=$（“#myRangeSlider”）；
变量$module=$（“#myModule”）；
$range.on（'input'，function（）{
$module.css（'zoom'，$（this.val（）+'%'）；
});

电子邮件地址
我们永远不会与其他人共享您的电子邮件。
暗语
看看我
提交
ah，也许你可以在网站的某个地方创建一个设置，通过激活它，你可以改变一些样式，然后改变整个组件容器或其中每个控件的大小。我认为就整个组件而言，这是不可能的，我可以控制宽度/高度。。。但内部控制将保持原样！这就是我问题的重点。。。一些可以压缩整个div或表根控件及其所有子控件的东西，如调整窗口大小。您的问题的答案是“是”。除此之外，你要么要求我们为你写代码，发表意见，要么指引你去某个图书馆或其他软件的某个地方，所有这些都是不允许的，因此。您可以使用滑块和更改父组件的宽度，方法是为其所有子组件指定一个宽度，并指定它们可以更改的百分比。字体大小应足以输入+父组件的宽度，也许转换将是一个更好的选择；），即使我认为这是个坏主意，但它只会在屏幕上缩放，而不会在文档流中缩放；）变换+缩放也是我的第一次拍摄，但它会溢出。那么，为什么这可能是一个更好的选择呢？对不起，我不明白你的意思：D编辑：哦，兼容性，对了，我的错-也许我可以改进它，它会在表单元素的宽度和字体大小上。如果它是基于网格构建的（或类似的行为），则该列的大小应该可以轻松调整。（我无法加载它的react链接，所以不知道它是由什么组成的：（）是的，但即使你知道它的外观，你也希望解决方案在将来也能起作用，而我们不知道它在未来的外观，所以我们必须涵盖所有可能的元素-但我有另一个想法，让我稍微修改一下：在ty@G-Cyr上写了一张便条
var sliderthing = document.getElementById("component");
var outputthing = document.getElementById("out");

sliderthing.oninput = function() {
  outputthing.style.width = outputthing.style.width * this.value;
  outputthing.style.height = outputthing.style.height * this.value;
}