javascript - 以实际大小的 25% 渲染 div 的内容

Question

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

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

Answer 1

您可以使用转换属性。像
transform:scale(0.50, 0.50)之类的东西
显然你应该分别替换其他比例的两个参数。请参阅http://www.w3schools.com/cssref/playit.asp?filename=playcss_transform_scale了解它的窍门。