css - 如何使用 CSS 缩放元素的高度和宽度?

标签 css

有没有办法使用 CSS 来缩放元素。例如,如果我有一张图片,我怎么说

img.height = image.height * 0.75  // scale down to 0.75

使用 CSS?

最佳答案

试试这个:

div.zoomed { zoom: 0.75; -moz-transform: scale(0.75); }

应该适用于:Firefox 3.5、IE 5.5+、Opera、Safari 4、Chrome

编辑: 您还应该为 Chrome 和 Safari 添加 -webkit-transform: scale(0.75);,尽管最新版本支持 zoom

关于css - 如何使用 CSS 缩放元素的高度和宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8030449/

相关文章:

jquery - CSS:Div 不会居中,并且大小很奇怪

css - 如何使用CSS制作关键形状?

html - CSS 未链接到 HTML 页面

javascript - 关闭图像后 Photoswipe pswp 类不清除

css - 如何在非重复图像的边缘应用具有不透明度的线性渐变的等效值

html - 打印媒体查询在 Chrome 中被忽略?

css - 如何摆脱 Bootstrap 标签页中的两个栏

html - AngularJS 从 ng-repeat 设置父级高度

css - 使 div 的高度与其设置为 auto 的父 div 的高度相匹配

css - :nth-child() and :nth-of-type() selectors的实际使用