html - 为什么同样的css，在手机浏览器看input="botton"与text不一样大呢？
本文介绍了html - 为什么同样的css，在手机浏览器看input="botton"与text不一样大呢？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
我遇到了一个很奇葩的现象：
<style>
.input_style_2{
width: 28px;
height:28px;
margin: 0px 2px;
border: none;
background: #f4f4f4;
line-height: 24px;
text-align: center;
}
</style>
<body>
<input type="button" class=input_style_2 value="-" />
<input type="text" class=input_style_2 value="2" />
<input type="button" class=input_style_2 value="+" />
</body>这样的3个按钮，在网页上显示是这样的
但是在手机上显示却是这样的
为什么同样的css，button和text的大小不一样呢
解决方案
不同的浏览器默认样式不一样各种坑，所以才会有reset 和 normalize.css，你这里可以是默认的padding不一样。
这篇关于html - 为什么同样的css，在手机浏览器看input="botton"与text不一样大呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
