例如你的设计稿如果是宽720px的话，那你的文字就要以原始大小除以11.25，例如16px的话就要16/11.25这样来计算。我的意思是不用像素，用rem,因为px是写死的，rem是可以适应手机端的（包括盒子的宽高都是要以rem来计算）。另外，用之前要把下面这段代码放到你css文件里：
@media only screen and (max-width: 1080px) {
html, body {
font-size: 16.875px
}
}
@media only screen and (max-width: 960px) {
html, body {
font-size: 15px
}
}
@media only screen and (max-width: 800px) {
html, body {
font-size: 12.5px
}
}
@media only screen and (max-width: 720px) {
html, body {
font-size: 11.25px
}
}
@media only screen and (max-width: 640px) {
html, body {
font-size: 10px
}
}
如果宽是720，就除以它相对应的那个值，如果是宽960，就除以960相对应的那个值，这么说应该可以明白吧。
纯手打，望采纳~
只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。 （不要写在class里哦）
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none}
textarea { -webkit-appearance: none}
如果还有圆角的问题，
.button{ border-radius: 0 }
1、去除Chrome等浏览器文本框默认发光边框
input:focus, textarea:focus {outline: none}
去掉高光样式：
input:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0)
-webkit-user-modify:read-write-plaintext-only}
当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。
2、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了
input::-ms-clear {display: none}
