无涯教程网

Jquery 按百分比zoom div的内容

发布于06月27日

Building a CMS of sorts where the user can move around boxes to build a page layout (basic idea anyway).

I'd like to pull the actual contents in from the database and build out the "page", but have it display at 50% scale.

我意识到我可以有两套CSS——一套用于实际的正面页面，另一套用于管理工具，并相应地缩小所有内容，但这似乎是一种维护的痛苦.

我希望可能会有某种jQuery或CSS或其他东西，允许我填充div并为其提供属性(？)50%的比例.

推荐答案

您可以简单地使用zoom属性:

#myContainer{
    zoom: 0.5;
    -moz-transform: scale(0.5);
}

Where myContainer contains all the elements you're editing. This is supported in all major browsers.

Jquery相关问答推荐

：eq Jquery，我似乎无法显示第一个之后的元素

javascript 捕获浏览器快捷方式 (ctrl+t/n/w)

如何像这样通过 $.ajax ( serialize() + extra data ) 添加数据

jQuery 与 javascript？

什么是不使用 jQuery 的经验技术原因？

这些 jQuery 就绪函数之间有什么区别？

错误找不到 jquery-2.0.2.min.map

JQuery手风琴自动高度问题

如何使用Angular 检测浏览器后退按钮单击事件？

lodash debounce 在匿名函数中不起作用

即使通过Javascript代码判断，如何触发复选框单击事件？

动态创建并提交表单

在 jQuery UI 自动完成上没有检测到结果

你如何使用 jquery 淡入/淡出背景 colored颜色？

使用 jQuery 获取鼠标单击图像的 X/Y 坐标

IE8 和 JQuery 的 trim()

使用 jQuery 将事件侦听器添加到动态添加的元素

CORS - 如何预检httprequest？

为什么我应该创建异步 WebAPI 操作而不是同步操作？

jQuery - 不可见时获取元素的宽度(显示：无)

实用课程推荐

相关教程推荐