51网络科技专业提供

香港空间

美国空间

国内免备案空间

月付空间

免备案虚拟主机

,支持免费试用2天
联系51网络科技
产品快讯:
售前客服
在线咨询
在线咨询
在线咨询
在线咨询
售后服务
在线咨询
在线咨询
财务问题
在线咨询
代理加盟
在线咨询
 
推荐产品
    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专用空间香港独立IP空间 游戏空间【支持月付】

第一种方法:设置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网站空间 独立IP虚拟主机 美国独立IP空间 香港独立IP空间 国内空间免费备案 免费备案
相关文章

上班时间:周一至周六 (9:00-12:00 13:30:00-17:30 19:00-23:00) 电子邮箱:idc@51mianbeian.com  微信公众号:mianbeian
版权所有:51免备案空间 Copyright All Reserved. © 2005-2018 WWW.51MIANBEIAN.COM [站点地图] [网站地图]
售前咨询电话:020-87656258 (多线) 售后技术支持:139-8163-8525 传真:020-52817561 客服QQ:984651771(24H)

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