javascript - 使用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">