html - 随着浏览器宽度/高度的变化，使用 CSS 动态调整自定义表单 [提交] 的大小？

Question

使用 CSS 动态调整图像大小似乎很容易。如果我尝试使用自定义提交按钮，提交按钮会显得非常小。

<form>
    <input type="submit" name="submit" value="" id="submitID">
</form> 

-

html{height:100%;}
body{height:100%; width:100%;}

#submitID{
  background:url(../images/button.png);
  max-width:100%;
  height:auto;
  background-repeat:no-repeat;
  border:none;
  cursor:pointer;
}

Answer 1

您的 CSS 背景图片不会拉伸(stretch)。

包含 IMG 标签的 BUTTON 怎么样:

<button type="submit" name="submit" value="" id="submitID">
  <img src="" />
</button>

然后您可以控制 IMG 标签的大小。