Javascript 防止输入边距在缩放时增长

我有一些输入字段，它们的边距随着缩放而增长

我怎样才能阻止这一切

代码：

css

---

将您的两种

边距

样式更改为与

px

（像素）或

rem

（行高）相关的样式，而不是

vh

（视图高度）。

您有以下行：

margin-left: 75%;

应设置为视口值。比如：

margin-left: 10vw;

下面是一个可能有助于让事情变得更有意义的例子。根据您的窗口大小和缩放级别，观察边距的变化（或不变化）

正如您所看到的，像素大小不会改变。像素的数量确实如此！rem、em和px都通过一组像素来定义边距。当可用像素较少（放大）时，边距相对于内容显示得更大

百分比以父元素大小的边距为基础。在JSFiddles示例中，是预览窗口

---

最后一个是视口，或vh和vw。论文以浏览器宽度或高度的百分比为基础。如果你的浏览器是1000px宽，那么边距是：10vw；是浏览器窗口宽度的10%。

代码为missing@Laif而且

停止此操作

是missing@Berto99你在说什么？男性没有感觉——变焦时像素会变大——而且也不起作用

margin-left: 10vw;