Submitbutton与iPhone Simulator中的输入字段长度不同

Question

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

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

在野生动物园中，差异不大但仍然可见。

结果

左边有一个定义的像素宽度
宽度为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＆amp; input type="text" padding & border添加width，完全{{1}}。