0

例子

好的，这就是我的问题，我有 3 个可在 pc 和手机上使用的按钮，但有一个主要区别，在移动设备上，按钮缩小了 50% 并且神奇地变成了圆角。（忽略顶部图像有一个检查，底部有一个加号的事实，他们做同样的事情）

<button type="button" onClick="parent.location='../index.php'" title="Back to Main Menu">
  <img src="../../css/images/back_25.png" />
</button>
<button type="reset" title="Reset">
  <img src="../../css/images/restart_25.png" />
</button>
<button type="submit" title="Done">
  <img src="../../css/images/plus_25.png" />
</button>
<input type="hidden" value="submit" name="submit" />

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

根据要求：我也试过这段代码。

<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，按钮变成了一个完整的圆圈。

4

1 回答 1

0

好吧，我真的看不到任何人会对我的问题有答案，所以我开始稍微弄乱按钮的高度和宽度，并幸运地在两个浏览器上都处于中间立场。

在此处输入图像描述

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

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

于 2013-08-25T17:06:37.110 回答