纯CSS无表达式实现未知尺寸图片等比缩放(支持IE7及以上)
摘要:在制作网页的时候,常常会遇到一种情况,我们需要把一些未知尺寸的图片放在一个固定宽高的容器中,这时候我们需要考虑这样的问题:只给图片设置宽度或...
在制作网页的时候,常常会遇到一种情况,我们需要把一些未知尺寸的图片放在一个固定宽高的容器中,这时候我们需要考虑这样的问题:
只给图片设置宽度或高度的其中一项可以实现图片等比缩放,但图片可能超出容器大小。
给图片设置固定的宽高可能导致图片变形。
有些人可能会简单地用JavaScript解决:
复制代码
【纯CSS无表达式实现未知尺寸图片等比缩放(支持IE7及以上)】相关文章:
上一篇:
CSS设计网页头部的写法
下一篇:
css控制表格细边框样式
相关阅读
网友关注
网友最新关注视频
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 2
- 外研版英语七年级下册module3 unit1第二课时
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,湖北省
- 沪教版牛津小学英语(深圳用)五年级下册 Unit 1
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 7
- 【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
- 七年级下册外研版英语M8U2reading
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 4
- 冀教版小学英语四年级下册Lesson2授课视频
- 第五单元 民族艺术的瑰宝_15. 多姿多彩的民族服饰_第二课时(市一等奖)(岭南版六年级上册)_T129830
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习