Html Iphone<;按钮>;更改表格上的图像

Html Iphone<;按钮>;更改表格上的图像,html,iphone,forms,mobile,Html,Iphone,Forms,Mobile,好吧,这就是我的问题,我有3个按钮可以在pc和手机上使用,但一个主要的区别是,在移动设备上,按钮缩小了50%,神奇地变圆了。(忽略顶部图像有一个复选框,底部有一个加号这一事实,它们做同样的事情) 有没有快速解决这个问题的方法?这两组按钮再次正常工作,只是看起来不同 应要求:我也尝试过这段代码 <button type="reset" style="width:49px; height:33px;"> <img src="../../css/images/restart_25

好吧,这就是我的问题,我有3个按钮可以在pc和手机上使用,但一个主要的区别是,在移动设备上,按钮缩小了50%,神奇地变圆了。(忽略顶部图像有一个复选框,底部有一个加号这一事实,它们做同样的事情)


有没有快速解决这个问题的方法?这两组按钮再次正常工作,只是看起来不同

应要求:我也尝试过这段代码

<button type="reset" style="width:49px; height:33px;">
<img src="../../css/images/restart_25.png" width="25" height="25" />
 </button>


是一样的。我还尝试设置为style=“width:50px;height:50px,按钮变成了一个完整的圆圈。

好吧,我真的看不到任何人会对我的问题有答案,所以我只是开始对按钮的高度和宽度进行更多的调整,幸运的是在两种浏览器上都找到了一个中间点

<button type="reset" title='Reset' style='height:33px; width:50px'>
   <img src="../../css/images/restart_25.png" />
</button>



这似乎是我具体情况的最佳选择。因为pc broswer端没有受到影响,而iphone/safari端可以看到图标。

当你说移动设备时,哪些设备?你测试了多少?到目前为止只有iphone的safari。但这确实是我唯一关心的。图像看起来也很夸张。Wh如果你以像素为单位给出按钮和图像的显式大小?我已经用你的建议更新了这个问题。我还发现:你可以看到底部附近的詹姆斯也有同样的问题
<button type="reset" title='Reset' style='height:33px; width:50px'>
   <img src="../../css/images/restart_25.png" />
</button>