51网络科技专业提供

香港空间

美国空间

PHP空间

国内免备案空间

月付空间

免备案虚拟主机

,支持试用30天
售前客服
在线咨询
在线咨询
售后服务
在线咨询
微信咨询
免备案空间咨询
 
推荐产品
    300M国内免备案空间
    300M网站空间,送60M数据库!
    现价只要:22元/月
    500M国内免备案空间
    500M网站空间,送100M数据库!
    现价只要:29元/月
    1G国内免备案空间
    1G网站空间,送300M数据库!
    现价只要:39元/月
    500M香港免备案空间
    500M网站空间,送160M数据库!
    现价只要:26元/月
    1G香港免备案空间
    1G网站空间,送300M数据库!
    现价只要:36元/月
    100M美国空间
    100M网站空间,送30M数据库!
    现价只要:12.8元/月
 
您的当前位置:首页 > 常见问题 > 建站常见问题 > 正文
CSS图片大小自动按比例等比例缩放不变形的方法
文章来源:51网络科技  点击数:  更新时间:2016/3/18 7:50:13
购买国内免备案空间购买香港空间【不限iis】宽屏网站制作【还送手机网站】
香港云主机/99元/月国内空间【免费备案】 特价网站空间
.Net专用空间网站快速排名 游戏空间【支持月付】

第一种方法:设置CSS宽度和CSS高度同时为300px和100px,里面放了一张图片(图片原始宽度650px为高度为406px)。并通过CSS固定死图片宽度高度。再把图片的css设置宽度和CSS高度同时为300px和100px。 这样就需要你上传的图片也是这个比例才行。

第二种方法: 设置好固定高度,宽度自动适应。

div css解决IE6支持max-width

一般情况下只需要设置好宽度限制,比如这里只设置最大宽度为300px(max-width:300px),然后对父级使用overflow:hidden隐藏溢出图片,同时为了兼容IE6我们设置个width:expression(this.width > 300 ? "300px" : this.width);或者height:e-xpression(this.height>100?"100px":this.height);。 解决即可。

具体代码:.mianbeian img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);} 

这样就可以使上传的图片不变形,兼容各大浏览器不变形,但图片如果太大,可能不是完整显示的。

 


国内、香港、美国、全免备案www.51mianbeian.com--51网络科技,专业免备案空间提供商!
标 签:ss图片缩放css自动适应图片图片宽度自适应html网站空间 美国asp.net空间 美国免备案net空间 美国Net空间 美国php网站空间 美国免备案php空间
相关文章

上班时间:周一至周六 (9:00-12:00 13:30:00-17:30 19:00-23:00) 地址:中国香港九龙长沙湾长裕街8号
版权所有:51免备案空间 Copyright All Reserved. © 2005-209 WWW.51MIANBEIAN.COM [站点地图] [网站地图] 站长统计
值班客服QQ:1303358280 值班技术QQ:984651771 电子邮箱:idc@51mianbeian.com

免备案空间
51网络科技-专业免备案空间提供商