当我在写手机页面的时候，input宽度为100%的时候：

①设置display:block；没有任何反应。

②设置宽度100%，由于默认有border值，所以会出现横向滚动条。这时候，box-sizing就派上用场了。添加上box-sizing：border-box.就完美解决了这个令人痛疼的问题。

还有一种情况，就是左图右文本：

①图给绝对定位

②文字部分设置width:100%;并且要设置display：inline-block;padding-left的值等于图片的宽度。

③这时候，会出现一个问题，就是下面有滚动条的出现，box-sizing：border-box又派上用场啦！

完美解决问题！！！！

另外，手机页面input类型不能用button类型，在ios手机上，会显示出另外一种样式。