HTML中的最大寬度？

Question

我正在嘗試創建一個包含橫幅圖像和三個可單擊區域的社交媒體圖標的電子郵件簽名。

我在縮放橫幅時遇到問題，無法正常工作，但是解決了我現在嘗試設置“最大寬度”時遇到的問題。

 <a href="http://xbox.com/"><!--CHANGE THIS URL FOR EACH IMAGE!--><img src="http://www.thegamescabin.com/wp-content/uploads/2013/04/next-xbox-logo-5.png" width="100%" alt="Xbox" max-width="600px"/> 

圖像調整為設備尺寸（完美），但是，我正在努力使其具有600px的“最大寬度”。

Answer 1

max-width是CSS屬性，而不是HTML屬性（您的max-width=""不存在，因此將被忽略），因此您需要使用style屬性：

<a href="http://xbox.com/"><!--CHANGE THIS URL FOR EACH IMAGE!--><img src="http://www.thegamescabin.com/wp-content/uploads/2013/04/next-xbox-logo-5.png" width="100%" alt="Xbox" style="max-width:600px;"/>

Answer 2

嘗試這樣的事情。

<a href="http://xbox.com/"><!--CHANGE THIS URL FOR EACH IMAGE!--><img src="http://www.thegamescabin.com/wp-content/uploads/2013/04/next-xbox-logo-5.png" width="600px" alt="Xbox""/></a>

和在CSS

img{max-width:100%}