单纯的设置图片的样式 max-width: 100% 的情况下,如果在编辑器中设置过图片的高度会出现图片变形的情况
通过js可以解决因为设置图片height导致的图片变形问题 代码如下:
var image = $('.content img');
image.each(function () {
var $this = $(this);
var max_width = $this.parents('.content').css('width');
var width = $this.css('width').replace('px', '');
var height = $this.css('height').replace('px', '');
if(height == 0) {
return;
}
max_width = max_width.replace('px', '');
max_width = parseFloat(max_width);
width = parseFloat(width);
height = parseFloat(height);
if (width > max_width) {
height = height * (max_width / width);
width = max_width;
}
$this.attr('width', width);
$this.css('width', width + "px");
$this.attr('height', height);
$this.css('height', height + "px");
})