css按百分比放大缩小 |css取消hover样式

css display几种，公共css的命名，vue打包多了static css，css容器坐标轴，css无序列表方块样式，css设置边框图片圆角，css取消hover样式 css按百分比放大缩小 |css取消hover样式

.container {
width: 80%;
height: 80%;
}

上面的代码展示了一个容器的样式，其中宽度和高度都使用了百分比单位。这种方式在响应式布局中非常常见，因为它能够自适应不同设备的屏幕尺寸。

另外，CSS中也可以使用百分比来设置元素的字体大小、边框宽度等属性。例如，大家可以将一个div元素的边框宽度设置为相对于其宽度的50%。

.box {
width: 200px;
border: 0.5em solid black;
}

上面的代码中，.box类的元素宽度为200px，边框宽度为0.5em，这个0.5em是相对于元素宽度的50%。

需要注意的是，使用百分比进行缩放时，元素的尺寸是相对于其父元素而言的。因此，如果想要实现不同元素之间相对比例的缩放，需要考虑好它们的父元素的尺寸。

除了使用百分比之外，还有一些其他的方法可以实现元素的缩放，例如使用JavaScript来计算尺寸，或者使用CSS3中的transform属性。