javascript - 以实际大小的 25% 呈现 div 的内容

Question

目前，我正在使用 JavaScript 开发一个简单的 iOS 模拟器，以便用户可以看到他们创建的内容在 iPhone 和 iPad 上的效果。为此，我使用 AJAX 将内容/页面加载到模拟器中。唯一的问题是模拟器不是真人大小的。不过，它们非常适合缩放，因此适合浏览器。

我想知道的是:有没有办法让 div 的内容呈现为脚本 CSS 大小的 50% 或 25%？否则，内容将以像素到像素的大小显示，而不是按比例缩小。

Answer 1

您可以使用变换属性。像
变换:缩放(0.50，0.50)
显然，您应该分别为其他比例替换这两个参数。引用http://www.w3schools.com/cssref/playit.asp?filename=playcss_transform_scale掌握它的窍门。