iphone - 提交按钮的长度与 iPhone 模拟器中的输入字段的长度不同

Question

我希望我的文本字段和按钮跨越整个屏幕大小，但是文本字段和按钮的长度并不相同，即使它们使用相同的 CSS 选择器也是如此。

这是代码:http://jsfiddle.net/AakN4/2/

在 safari 中，差异不大但仍然可见。

结果

左边有定义的像素宽度
宽度为 100% 的 Rigth(文本字段的长度应与按钮的长度相同)。

http://i.minus.com/jUbh0W0aVWFMl.png

Answer 1

根据您的输入定义框大小。像这样写:

input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15pt;
    width: 150px;
}

检查这个http://jsfiddle.net/AakN4/4/

差异的原因是 input type="submit" 默认情况下像 box-sizing 一样工作。它包括 padding & border 它完全是 width & input type="text" 添加 padding & border完全 宽度。