Meta元素可视区

一、网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

其中： width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放c

二、Meta元素可视区

　　默认情况下，iPhone上的Safari会象在大屏幕的桌面浏览器那样显示你的页面，宽度达到了980像素，然后缩小内容以适应iPhone的小屏幕，因此用户在iPhone看这个页面时感觉字体就比较小了，也比较模糊，必须要放大才能看得真切，对于一个普通的Web页面似乎可以接受，但对于一个常用的应用程序就没几个人能够受得了。

　　幸运的是可以使用特殊的Meta元素可视区进行纠正：

<meta name="viewport" content="width=device-width"/>

三、css去掉iPhone、iPad默认按钮样式

　　在经过在网上的反复搜索，最终解决了介个问题！只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了！~

input[type="button"], input[type="submit"], input[type="reset"] {

-webkit-appearance: none;

}