问个关于js、jq的问题
0
最佳答案
0
因为要兼容低版本IE，我记得以前是这么用的(等比缩放，水平垂直居中):
<div style="width: 200px; height: 200px;">
<img src="~/Content/images/logo.jpg" onload="resizeImg(this,200,200)" />
</div>
<script type="text/javascript">
function resizeImg(obj, width, height) {
var wid = obj.offsetWidth > width ? width : obj.offsetWidth;
var hei = obj.offsetHeight > height ? height : obj.offsetHeight;
wid >= hei ? obj.style.width = wid + "px" : obj.style.height = hei + "px";
obj.style.marginLeft = (width - obj.offsetWidth) / 2 + "px";
obj.style.marginTop = (height - obj.offsetHeight) / 2 + "px";
}
</script>
奖励园豆：5
额。。。我要做的是wap界面 图片和容器都是百分比的。。这个貌似不好使啊。。。
@邻居老王:
<div style="height:500px; position:relative;"> <img src="~/Content/images/logo.jpg" style="max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);"/> </div>
手机浏览器？可以试试这种H5的写法
其他回答(2)
0
图片和容器是百分比的？直接百分比宽度就好了，高度会自适应。
