图片自动调整宽度适应页面

Posted vincentzhou

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片自动调整宽度适应页面相关的知识,希望对你有一定的参考价值。

$("#baiduContent img").each(function (i) 
  var img = $(this);
  var realWidth;
  //var realHeight;
  $("<img/>").attr("src", $(img).attr("src")).load(function () 
    realWidth = this.width;
    //realHeight = this.height;
    if (realWidth >= 300) 
      $(img).css("width", "100%").css("height", "auto");
      
    //else       //$(img).css("width", realWidth + ‘px‘).css("height", realHeight + ‘px‘);     //   ); );

 

以上是关于图片自动调整宽度适应页面的主要内容,如果未能解决你的问题,请参考以下文章

关于如何利用CSS自动调整图片的大小

自动调整 UILabel 文本大小以适应 UILabel 宽度

轮播图如何自适应高度、宽度

如何让网页自适应屏幕大小

页面自适应

word 如何固定表格宽度,使插入的图片适应表格宽度?