Heim  >  Artikel  >  Web-Frontend  >  JQuery加载图片自适应固定大小的DIV_javascript技巧

JQuery加载图片自适应固定大小的DIV_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:22:541144Durchsuche

如何在固定大小的div中放置一个图片,当图片较小时显示实际大小,当图片超过div 大小时图片 自动适应div 的大小

jquery图片自适应大小实现过程的主要代码:

代码如下:

复制代码 代码如下:

.divImg{
max-height:200px; max-width:200px;
width: expression(this.width > 200 && this.width > this.height ? 200 : auto);
height: expression(this.height > 200 ? 200 : auto);
}

实例:

代码如下:
复制代码 代码如下:





实现图片加载自适应






JQuery加载图片自适应固定大小的DIV_javascript技巧






Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn