可以使用CSS中的Viewport单位(vw和vh)来设置元素的宽度和高度,以使其适应当前屏幕的大小。然后可以使用缩放(transform: scale())来缩小整个div及其内容。

例如,以下代码将使一个名为“myDiv”的div元素适应屏幕大小并缩小50%:

#myDiv {
  width: 100vw;
  height: 100vh;
  transform: scale(0.5);
}

请注意,这可能会导致内容变得模糊或失真,因为它们被缩小了。

怎么让一个div里面所有的元素适应当前屏幕的高度和宽度并且缩小

原文地址: https://www.cveoy.top/t/topic/g12p 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录