php图片自适应手机屏幕,用JS让图片自适应手机屏幕

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

})