如何在 jquerymobile 中调整文本输入的大小？答案

【问题标题】：How can I Resize the text Inputs in jquerymobile?如何在 jquerymobile 中调整文本输入的大小？
【发布时间】：2014-10-02 14:48:55
【问题描述】：

我正在为台式机、平板电脑和智能手机编写响应式网站，我正在使用 html、经典 asp、jquery 和 jquery mobile，我现在遇到的问题是当尝试放置表单时，文本输入始终具有相同的大小，当我调整浏览器窗口的大小时，它们不会自动调整大小。所以我想知道如何在 jquerymobile css 中自动调整输入。

【问题讨论】：

.ui-input-text { width: 50%; } 50% 例如。
默认情况下，jQM 文本输入会随浏览器调整大小，请参阅演示：demos.jquerymobile.com/1.4.4/textinput。也许您可以向我们展示您的未调整大小的 HTML 标记？
@Omar .ui-input-text { 宽度：50%; } 对于框内的文本是可以的，但我的意思是调整输入框的所有大小，而不仅仅是框内的文本
.ui-input-text 是添加到 div 包装 input 的类。任何输入类型都包含在带有.ui-input-text 的 div 中，搜索输入除外。如果要覆盖默认 height 和 width，请更改 .ui-input-text 的 CSS 属性或创建自定义类，如本答案 (jQM >= 1.4) stackoverflow.com/questions/15676447/…
你尝试过 Flexbox css 属性吗？

标签： jquery jquery-ui jquery-mobile responsive-design

【解决方案1】：

抱歉，问题在于 jqueryvalidation 示例附带的表单验证样式

<style>
    #signupForm {
        <!-- width: 670px; -->
    }
    #signupForm label.error {
        margin-left: 10px;
        width: auto;
        display: inline;
    }
</style>

【讨论】：