動態調整自定義窗體的大小[提交]隨着瀏覽器寬度/高度的變化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背景圖像不拉伸。

如何包含IMG標籤上的按鈕：

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

然後你就可以控制IMG標籤的大小，而不是。