华俄国际助您对俄贸易先行一步、早到一步!
Создание сайтов Регистрация домена Услуги хостинга
用CSS实现图片等比例缩放
您是否常常在做网页的过程中发现一个问题呢?当图片上传的时候,如果图片太大 ,就会把网页撑破,唯一做的就要先把它用软件缩小,再上传上去,这样重复的工作,您是否已经厌烦呢?我昨天在做网页的时候也遇到这个问题,因此研究了一下,查找了网络上关于图片的CSS控制,总结出一个小技巧,我们可以通过修改CSS样式,来达到让图片等比例地限制在一定大小!
相关代码:
img {
max-width: 600px;
width:expression(this.width > 600 ? "600px" : this.width);
overflow:hidden;
}600的意思是指,我让图片宽度限制在600之内,如果小于600的,当然按照原本尺寸,如果超过600的,则按照宽为600,高为按比例缩小,这样,图片的显示效果就出来了!
下一篇:8个简单实用的CSS秘诀 ..
上一篇:防止网页上的敏感信息被提取--EMAIL地址被滥用..
更多新闻信息查看