<img 不按比例缩放

Question

1. 我想实现background-size属性的功能，但是有的机顶盒不支持 这个属性 我只能用<img标签来缩放图片。
   问题如下：

代码如下：

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

但是代码只有宽度或者高度有效，一直是按比例缩放。
如图所示图片都是按比例缩放，没有填充满我的区域，我希望图片缩放填充满区域，横向压缩，或者纵向拉伸
预期效果如下图：

希望大神帮忙解答一下，在线等很急。

Answer 1

改成这样试一下

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

代码写错了QAQ
你的外层productDesc没有设置宽高，试一下给它设置下宽高

Answer 2

为啥不用背景图呢？既然都是图片 背景图 应该可以处理吧 background-size: contain

或者CSS3里面的transform:scale(1) 括号里面是放大的倍数 顺便加一个过渡属性

实在不行 JS 或者JQ 写一个放大镜

大概也就这样了 具体的开发环境不同 需求也不同 希望能有帮助