css控制商品描述及文章内容页面中图片大小
2016-07-07 15:20 来源:www.chinab4c.com 作者:ecshop专家
.img2 { max-width: 450px; max-height: 450px; width:expression(onload=function(){if (this.offsetWidth>this.offsetHeight){ this.style.width=(this.offsetWidth > 450)?"450px":"auto" } {this.style.height=(this.offsetHeight < 450)?"auto":"450px"} }); } 二、有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下: img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":this.height); } 这样当图片的高度或宽度若超过590px,将会按比例压缩成590px,如果不超过则按原大小显示。 |
回答:
图片自动适应大小的问题在web设计的时候是比较常见的问题, div img { max-width:400px; //IE7、FF等其他非IE浏览器下最大宽度为400px; width:400px; //所有浏览器中图片的大小为600px; width:expression(document.body.clientWidth>400?"400px":"auto"); //当图片大小大于400px,自动缩小为400px; overflow:hidden; } |
谢谢楼主共享,很有用的东东。收下了。 |
不错,东西,学习了,谢谢啦 |
收藏了 |
呃不错 可是 不会用 不知道 放那 |
收藏,好东东。 |
那如果是一整个网页因为电脑分辨率不同而变形的话要怎么解决呢?就是说分辨率小的时候可以会被压到然后变成上下显示出来而不是同一行显示,我的网站是www.domiwu.com |
感谢楼主分享。。 请问在那个文件里面。。。????请问在那个文件里面。。。????请问在那个文件里面。。。???? |
这样岂不是让图片变成正方形? |
找了很久 |
谢谢分享 请问在哪里修改CSS? |
最近更新
常用插件
- ecshop按分类筛选销售排行
ecshop按分类筛选销售排行...
- ecshop快递发货单打印商品
ecshop快递发货单打印商品信息,大家都知道ecshop快递单打印的时候,只能...
- ecshop供应商插件免费下载
ecshop供应商插件免费下载...
- ecshop二次开发售后维修卡
插件介绍: 本插件是用于专门从事电子,信息,软件等售后服务关键比...
- ecshop选择下单时间插件
ecshop选择下单时间插件主要是根据不同的下单配送要求,在ecshop购物车...
ecshop热门问答
ecshop热门资料
ecshop传送
ecshop帮助中心
ecshop段網址
ecshopQQ号码
ecshop认证
ecshop费用统计
ecshop注册时间
ecshopcaptcha
ecshopecmoban
ecshoprules
ecshophelp
ecshop首页增加评论
ecshop搞清
ecshop短信提醒
ecshopcaught
ecshop根本
HDWiki
ecshop模版设置
ecshop来历不明
ecshop经营
ecshopmenu
ecshop域名解析
ecshop购物体验
ecshopprivate
ecshopAPM
ecshopsessions
ecshop粉红色
ecshop整合问题
ecshop预订
ecshopmagic