iOS HTML5日期选择器赢得'；t接受宽度：100%；

我有一个html5日期选择器在我的表格中，用于我网站的移动版本。“我的所有文本输入”都设置为“宽度：100%”，其父级td设置为“右填充：15px”以使其适合。这意味着我的字段格式很好，当设备的方向改变时，可以调整为总是填满容器的一半。然而，日期选择器的行为方式不同，有人能帮忙吗

表格：

---

它看起来像.tbox有100%的宽度和一个填充。这将导致长方体超出其所需区域。要解决此问题，您可以尝试添加

框大小：边框框

.tbox {
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}

表格的宽度为100%，表格的最小宽度为100%。tbox，我希望这能解决您的问题。更新了JSFIDLE
此css样式修复了mobile Safari中的问题：

-webkit-appearance: none;

但是，它会更改输入外观。
它可以使用固定值，因此，您可以使用此单元使其全屏显示：

width: 100vw

但您需要考虑它的兼容性，这里有一个关于它兼容性的链接：

虽然这确实让我的文本框生活更轻松，但它并不能解决我的日期选择器问题日期选择器到底在做什么，这不是预期的效果？这就是当我把它放在一起时的样子。在这把小提琴上，如果你调整输出窗口的大小使其变薄，你会看到左半部分变薄，而右半部分保持不变。当日期选择器在那里时，不会发生这种情况。另外，在我的手机上，当我进入风景区时，它并没有填满整个尺寸。换句话说，它似乎忽略了宽度：100%，只是被固定在100px左右。这很好地工作，应该是正确的答案。
.tbox {  
    min-width:100%; 
}  
table#form {    
    width:100%;  
}

-webkit-appearance: none;

width: 100vw