分享解决ECSHOP区域页面中图片太大溢出问题 图片按比例自动缩放 CSS限制图片最大宽度
2016-07-07 14:55 来源:www.chinab4c.com 作者:ecshop专家
我们在制作一个网页的时候,经常要对一个区域里可能出现的图片的宽度进行限制,不然它可能会把页面撑得很烂很烂。 如果你采用固定宽度,长度来设置的话,比如在 <img height="200px" width="200px" 中设置,或者是在CSS中用 .img {height:200px;width:200px;} 来控制,不同规格的图片有可能会变形。这是一种最蠢的方法。经过搜索,找到一串CSS代码,可以让图片在超过规定的宽度时,自动缩小,并且是按比例缩小,不会造成图片变形。如下: .img{ max-width: 200px; height:auto; width:expression(this.width > 200 ? "200px" : this.width); } 经过测试,这串CSS代码能兼容IE6 IE7 FF。 |
回答:
学习了很实用谢谢 |
最近更新
常用插件
- ecshop分类批量扩展插件
ecshop分类批量扩展插件,这个插件是ecshop插件里面比较核心的插件。我们...
- ecshop二次商品订购人信息
ecshop二次商品订购人信息填写插件,有时候给朋友送花,或者是送礼品的...
- ecshop商品分类名称增加样
ecshop插件介绍:本插件可以方便在后台管理,为ecshop商品分类名称增加样...
- ecshop二次开发详细页面生
插件介绍: ECSHOP系统,在很多时候,很多商品没有人购买,不但购买的人...
- ecshop2.7.1打印发货单插件
ecshop2.7.1打印发货单插件介绍:ecshop2.7.1和以前的ecshop版本不一样,ecs...
ecshop热门问答
ecshop热门资料
ecshopwww
ecshop太原
ecshop销售记录
ecshoppassword
ecshopPHP168
ecshop某类
ecshopclose
ecshop皇明
ecshop头疼
ecshoppaipai
ecshopURLRewrite
ecshopreg
ecshopinclude
ecshop对象
mysql版本
ecshop年收入
ecshopENDFOREACH
ecshop邮件服务器
ecshop白屏
ecshop二级分类图标
ecshop截断
ecshopaddToCart
ecshop英文文章
ecshop首页打不开
ecshop支付宝发货接口
ecshop优惠券
ecshop杂志屋
ecshop怎么给排
ecshop管理站
ecshop大件