单纯的设置图片的样式 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");
    })