/* 假设大家需要将某个元素缩小到原来的80% */ .my-element { transform: scale(0.8); }
通过使用transform的scale属性,并设置缩小比例,大家可以轻松地将一个元素等比例缩小。在这个例子中,大家把元素缩小到原来的80%。
还有一种常见的按比例缩小的方法是使用百分比缩放。
/* 将某个元素的宽度缩小到原来的50% */ .my-element { width: 50%; }
与上面的示例不同,这里大家使用了元素的width属性,并把它设置成了50%。这意味着元素的宽度将缩小到原来的一半。如果大家想让高度也按比例缩小,那么需要使用height属性。
无论是使用transform的scale属性还是使用百分比缩放,按百分比缩小都是非常实用的、经常用到的技术。它可以让大家轻松地对元素进行等比例缩放,以适应不同尺寸的屏幕。