构建各种类型的CMS,用户可以在框中移动以构建页面布局(无论如何都是基本的想法).
我想从数据库中提取实际内容并构建"页面",但是它以50%的比例显示.
我意识到我可以拥有2套CSS - 一套用于实际的前置页面,一套用于管理工具,只是相应地收缩一切,但这似乎很难维护.
我希望可能有某种jquery或CSS或者什么东西可以让我填充div并给它50%规模的属性(?).
我发现一些jQuery插件,在他们的css规则中使用'zoom'描述符,我甚至查看w3c网站,发现它用于放大但我怎么能实际实现呢?或者我必须定义一些视口?我该如何定义这样的视口?或者我错了整个东西?
有可能像它一样使用它
a {
    zoom:1;
}
a:hover {
   zoom:2;
}
我在为我的一个网站开发 onHover 缩放效果时遇到了这个问题。
当您为 CSS 伪状态设置了过渡持续时间时,设置 zoom 属性将缩放 onHover 元素,但是一旦它达到最大尺寸,它就会缩小到更小的尺寸(但这个尺寸仍然比原始尺寸大) .
但是,当使用x-transform: scale()具有相同过渡的属性时,项目会平滑缩放(并保持其中心坐标,我可能会补充)。
你可以在这个 fiddle 中看到这一点。红色框向右下方生长,但随后跳回较小的尺寸,而蓝色框则平滑地生长并保持完整尺寸。
为什么是这样?
*
{
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
box:hover
{
    zoom: 1.1;
}
box2:hover
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
我有多个遵循相同布局的html网页。我的意思是说,他们都有相同的横幅,顶部是网站名称,下面是导航栏(具有相同链接),等等。我的问题是,当用户访问网站并手动缩放(按住CTRL +鼠标滚轮),然后访问链接到具有相同布局的另一个网页的链接时,缩放级别将重置为默认值。例如,如果我只放大默认缩放比例的5%并访问链接,则缩放比例将5%重置为默认缩放比例。
如何在home.html-> a.html和b.html页面之间保持统一的缩放级别,以便无论用户缩放和切换链接时,在其他页面上都保持不变?我需要Javascipt还是可以使用CSS命令来做到这一点?