我有一个用输入框定义的模态。模式缩放到浏览器窗口的大小。
但是，现有代码允许输入窗口比模式窗口宽。
我试过设置输入宽度，但看起来它是用字符设置的。 因此，虽然我可以用 JavaScript 减小它的大小，但它的效果并不好。
<body onresize="myFunction()">
<body onload="myFunction()">
<p id="demo"></p>
<input id="AAAA" placeholder="Enter email address"></input>
<script>
function myFunction() {
var w = window.outerWidth;
var xx = (w-100);
document.getElementById("AAAA").width = xx;
// document.getElementById("AAAA").size = (w-75)/8;
}
</script>
</body>
</html>
它"有点"有效，但不是真的。
我想输入字段居中，并且每边都有轻微的距离(即，固定大小小于窗口(，但要以其他方式扩展到窗口的大小。
也许你可以再试一次css：
但是，现有代码允许输入窗口比模式窗口宽。
- 输入的宽度可能基于
vw，指的是视口宽度的百分比。
我想输入字段居中，并且每边都有轻微的距离(即，固定大小小于窗口(，但要以其他方式扩展到窗口的大小。
- 尝试：
#AAA { width: 90%; margin: auto; }. - 还要检查它是否包含干扰样式的
min-width或max-width。 - 并记住检查输入父级(可能是模态包装器(的宽度。考虑到
#AAA将具有其元素的width: 90%;。
希望对您有所帮助。