手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >纯CSS无表达式实现未知尺寸图片等比缩放(支持IE7及以上)
纯CSS无表达式实现未知尺寸图片等比缩放(支持IE7及以上)
摘要:在制作网页的时候,常常会遇到一种情况,我们需要把一些未知尺寸的图片放在一个固定宽高的容器中,这时候我们需要考虑这样的问题:只给图片设置宽度或...

在制作网页的时候,常常会遇到一种情况,我们需要把一些未知尺寸的图片放在一个固定宽高的容器中,这时候我们需要考虑这样的问题:

只给图片设置宽度或高度的其中一项可以实现图片等比缩放,但图片可能超出容器大小。
给图片设置固定的宽高可能导致图片变形。

有些人可能会简单地用JavaScript解决:

复制代码

【纯CSS无表达式实现未知尺寸图片等比缩放(支持IE7及以上)】相关文章:

CSS代码如何实现条状图表形式

CSS浮动(float,clear)通俗讲解

用CSS轻松实现网上填空

纯CSS实现鼠标悬停提示的方法

纯CSS实现漂亮tab选项卡切换特效

CSS-float的属性

纯CSS代码实现翻页

用CSS实现段落前面缩进两个字

CSS实现图片圆角化处理

纯CSS代码实现翻页焦点图效果

精品推荐
分类导航