javascript - 图像拉伸(stretch)并裁剪以适合确切的尺寸

我里面有一个div包含图像的图像，div溢出被隐藏了，因此如果宽度或高度过大，它们的图像将被裁剪，它可以正常工作，但有时却不能。怎么了 ？我试过了

jQuery的

 $("#covorpic").on("load" , function(){
    var covwidth = $("#covorpic").width();
    if (covwidth>750){
        $("#covorpic").css({"margin-left":(750  -  $("#covorpic").width())/2});

    }
    else{
        $("#covorpic").css({"width" : "750px" });

        $("#covorpic").css({"margin-top":(200  -  $("#covorpic").height())/2});

    }
});

html

<div class="covor_cont">
   <img id="covorpic" src="someimage.ext">
</div>

的CSS

 .covor_cont{
   max-height: 200px;
   min-height:130px;
   overflow: hidden;
   text-align: center;
   }
#covorpic{
   height: 200px;
  }

最佳答案

您应该可以在CSS中执行此操作，请尝试

.covor_cont {
    width: 750px;
}
#covorpic {
    max-width: 95%;
}

将容器设置为准确的大小，如果图像大于容器，则将图像的最大宽度设置为缩小。