Javascript HTML缩放元素，其维度以百分比定义，就好像它是以像素定义的一样

这个问题很琐碎，我有点害怕问它，但我一直在寻找答案，在任何地方都找不到

假设我们有一个HTML元素，其维度以像素为单位定义：

<div style="width:750px; height: 250px"></div>

我们可以很容易地放大它。它可以调整大小

但是，如果大小是以百分比定义的

<div style="width:75%; height: 25%"></div>

如果我们缩放它，它不会调整大小。大小是恒定的，无论放大到何种程度，它都始终具有75%的宽度和25%的高度

---

我希望它是可伸缩的-以与用户屏幕成比例的大小加载，但如果他决定放大或缩小，请允许他这样做，并将元素视为以像素定义。我怎样才能做到这一点

恐怕你不能两者兼得，你必须做出选择。但就个人而言，我更喜欢和px一起工作…

恐怕你不能两者兼而有之，你必须做出选择。但就个人而言，我更喜欢使用px…

您需要一个以像素为单位定义大小的父容器。@EasyBB是的！这正是我想要的。我添加了检测用户窗口大小的简单脚本，并将父容器的样式更改为该大小，它可以正常工作！非常感谢。您需要有一个以像素为单位定义大小的父容器。@EasyBB是！这正是我想要的。我添加了检测用户窗口大小的简单脚本，并将父容器的样式更改为该大小，它可以正常工作！非常感谢。