iOS HTML5日期选择器不接受宽度：100％;

概述我的表单中有一个 html5日期选择器,用于我的网站的移动版本.我的所有文本输入都设置为宽度：100％,其父td设置为padding-right：15px以使其适合.这意味着我的字段格式很好,并且当设备的方向发生变化时,调整为总是填满容器的一半.但是,日期选择器的行为方式不一样,有人可以帮忙吗？ 形成： <form method="get" action="home"><table id="fo 我的表单中有一个 html5日期选择器,用于我的网站的移动版本.我的所有文本输入都设置为宽度：100％,其父td设置为padding-right：15px以使其适合.这意味着我的字段格式很好,并且当设备的方向发生变化时,调整为总是填满容器的一半.但是,日期选择器的行为方式不一样,有人可以帮忙吗？

形成：

<form method="get" action="home"><table ID="form"><tr><td><input type="text" name="Title"  placeholder="Title" /></td><td><input type="text" name="Genre"  placeholder="Genre" /></td></tr><tr><td><input type="text" name="Location"  placeholder="Location" /></td><td><input type="date" name="Date"  placeholder="DD/MM/YY" /></td></tr><tr><td><input type="text" name="postcode"  ID="postcode" placeholder="Postcode" /></td><td><input type="number" name="radius"  placeholder="Mile Radius" /><br /></td></tr></table><input type="submit" value="Search" /></form>

相关CSS：

.tBox {background-color: #a1c9ff;border: 1px solID #003f94;wIDth: 100%;height: 30px;margin: 3px 2px;padding: 0 5px;border-radius: 15px;Font-size: 18px;float: left;}table#form tr td {overflow: hIDden;padding-right: 15px;}

解决方法

.tBox {      min-wIDth:100%; }  table#form {        wIDth:100%;  }

使用宽度100％表格形式和最小宽度：100％表示.tBox,我希望这可以解决你的问题.已经更新了Jsfiddle http://jsfiddle.net/brfQf/1/

总结

以上是内存溢出为你收集整理的iOS HTML5日期选择器不接受宽度：100％;全部内容，希望文章能够帮你解决iOS HTML5日期选择器不接受宽度：100％;所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。