使用CSS变换比例的响应性技术

Question

我想知道如何使用CSS scale属性使网站响应。

基本上代码会检测窗口宽度并相应地缩放元素，但是当你使用时会出现问题：

transform:scale(1.3);

例如，应用比例尺的元素保留其CSS大小，因此，我认为通过javascript在屏幕上收集元素的实际大小是不可能的，这使得无法计算它应该多少规模。

关于如何解决这个问题的任何想法？甚至可以根据窗口大小进行缩放吗？

Answer 1

可以使用CSS根据窗口大小进行缩放。最大宽度：50％;将元素保持在浏览器宽度的50％。

在整页中运行代码段并调整浏览器大小。

这是你的意思吗？如果我误解了，请原谅我。 ：）

$resultArray = json_decode(json_encode($result), true);

.max-width {
  height: 100px;
  background-color: blue;
  max-width: 50%;
}

Answer 2

将div与屏幕分辨率相匹配的正确方法是百分比或使用“ max-width ”和“ min-width”的属性“。

更多comodida推荐bootstrap