18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

织梦cms标准图集照片超出总宽怎样响应式?

2021-02-18分享 "> 对不起,没有下一图集了!">

1、寻找启用标准图集的部位的地区,例如我的是



  div >
  div >
  div >
  p align= center {dede:field name= imgurls alt= 照片輸出区 } a href= [field:linkurl/] [field:pagestyle runphp= yes ] @me= (@me==3 ? >
  div >
  /div



从上大家能看到标准图集是在arcBody这一伪类中启用的,接下去大家将根据操纵arcBody这一伪类的img特性来做到让照片全自动适应总宽的实际效果。



2、寻找操纵标准图集网页页面款式的css文档,寻找.arcBody img 并在该款式中加上或是是添加一下款式文档



  max-height:1500px;  // 声明较大高宽比

  max-width:950px;  // 声明较大高宽比

  width:expression_r((this.width 950 this.width this.height) ? 950px : this.width+ px );

  height:expression_r((this.height 1500 this.height this.width) ? 1500px : this.height+ px );

  float:middle;



留意因为本方式是根据css3.0 来完成实际效果的,因而本方式在ie6 及其更低版本号自然环境下虚假用,历经检测ie7.8.9 Google火狐浏览器下应用均一切正常,dedecms标准图集照片超出总宽全自动适应的处理方式到此完毕


皖ICP备号-1  |  
"> 对不起,没有下一图集了!">
在线咨询