如何利用css实现图片等比例缩放？ css前端开发pdf

css多种样式，旋转90度css样式，html中上标如何用css，css 中设置图片按钮大小，css前端开发pdf

1、大家可以给图片的img标签设置width或者height的任意一个，图片会自动等比例缩放。下面是代码如图。

2、然后，打开浏览器查看缩放图片效果，如下图。

3、大家还可以使用CSS3方法，transform的scale来缩放图片。如图。

4、最终缩放效果如下图所示。

扩充资料：

如果你想设定图片的高度和宽度都不超过某一个固定值，就需要在图片高度或宽度超过这个值的时候，让图片按比例缩小到这个尺寸。

1、对于现代浏览器，比如Firefox或是IE7及以上，直接使用max-width和max-height两条CSS属性即可。

2、对于IE6.0及以下版本，以上两条CSS属性均不会被理会。之前处理这种事情，大家往往会借助Javascript。