鍍金池/ 問答/HTML/ <img 不按比例縮放

<img 不按比例縮放

  1. 我想實現(xiàn)background-size屬性的功能，但是有的機頂盒不支持 這個屬性 我只能用<img標(biāo)簽來縮放圖片。
    問題如下：

clipboard.png

代碼如下：

<div id="productDesc" style="left: 36px;top: 50px;position: absolute;">
    <img src="/images/unifiedorder/productDesc.png" width="50%" height:"50%
</div>

但是代碼只有寬度或者高度有效，一直是按比例縮放。
如圖所示圖片都是按比例縮放，沒有填充滿我的區(qū)域，我希望圖片縮放填充滿區(qū)域，橫向壓縮，或者縱向拉伸
預(yù)期效果如下圖：

clipboard.png

希望大神幫忙解答一下，在線等很急。

回答
編輯回答
尕筱澄

為啥不用背景圖呢？既然都是圖片 背景圖 應(yīng)該可以處理吧 background-size: contain

或者CSS3里面的transform:scale(1) 括號里面是放大的倍數(shù) 順便加一個過渡屬性

實在不行 JS 或者JQ 寫一個放大鏡

大概也就這樣了 具體的開發(fā)環(huán)境不同 需求也不同 希望能有幫助

2018年1月19日 12:22
編輯回答
玩控

改成這樣試一下

<div id="productDesc" style="left: 36px;top: 50px;position: absolute;">
    <img src="/images/unifiedorder/productDesc.png" style="width:50%;height:50%">
</div>

代碼寫錯了QAQ
你的外層productDesc沒有設(shè)置寬高，試一下給它設(shè)置下寬高

2017年8月23日 15:32