是否可以使用其所有内容缩放HTML DIV?

时间:2014-03-22 22:14:27

标签: javascript html html5 html5-canvas

例如,如果内部有动画元素,并且您希望将其缩放以适合浏览器窗口,是否可以?或者您是否必须单独修改每个子元素?

2 个答案:

答案 0 :(得分:0)

图像可以很好地扩展,如果有很大的开头,你需要使用百分比,4种字体你需要使用css媒体查询来缩放它们作为div缩放。

答案 1 :(得分:0)

您可以使用CSS transform属性(https://developer.mozilla.org/en-US/docs/Web/CSS/transform)按比例缩放整个元素和所有内容,以下内容会使您的元素比正常情况大200%:

#my_element {
  transform: scale(2);
}

如果您想要向后兼容(-webkit--ms-等),则需要相应的浏览器前缀。