使用JavaScript动态调整文本框的宽度和屏幕大小

Question

我有一个文本框（输入控件），我想使用JavaScript根据屏幕大小调整其大小。是他们这样做的一种方式。 感谢您的帮助。

我尝试使用document.getElementById给出静态宽度，但无法根据网页大小动态调整其大小。

Answer 1

此代码将输入的宽度设置为等于屏幕的宽度（动态和调整大小）：

$(document).ready(function() {
      var windowWidth = window.innerWidth
      $('#myInput').width(windowWidth)
      $(window).resize(function() {
        windowWidth = window.innerWidth
        $('#myInput').width(windowWidth)
      })
    })

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="myInput">