HTML/CSS/JAVASCRIPT - 缩放固定大小的物品以适应流体容器

我想知道是否有人遇到了这个问题？我的目标是缩放一些固定大小的div文本和图像，以适应流体div容器。这里有一个更详细的解释：HTML/CSS/JAVASCRIPT - 缩放固定大小的物品以适应流体容器

我必须尽可能准确地预览HTML中的打印布局，所以我将我的项目大小设置为MM尺寸和PT文本，这允许我复制现有的打印布局准确。现在我的问题是，我需要这些页面预览，以适应一个将被设置为80％高度的div。我正在为这个问题苦苦挣扎，因为我想不出一种简单的方法将大量的MM和PT测量值转换成百分比，所以我想也许可能会有一些JavaScript的参与？

任何帮助，将不胜感激。

来源

2011-03-27 Ryandell

你能提供一个例子在线或作为jsfiddle吗？很难想象你没有看到它后的情况。干杯! – polarblau 2011-03-27 11:58:44

我现在通过使用css缩放和Java脚本来回答我自己的问题。如果有人希望我详细说明，请告诉我。 – Ryandell 2011-10-12 10:53:36

Jquery和CSS最终用来解决这个问题。有一个名为zoom的css属性。这可以增加或减少使用下面的例子：

$('.zoomMinus').click(function (){ 
     zoom -= 10; 
     $("#divtozoom").css('zoom', zoom + "%"); 


    }); 
$('.zoomPlus').click(function (){ 
     zoom += 10; 
     $("#divtozoom").css('zoom', zoom + "%"); 
    });

来源

2011-10-12 11:04:34 Ryandell

HTML/CSS/JAVASCRIPT - 缩放固定大小的物品以适应流体容器

回答

相关问题