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 - 縮放固定大小的物品以適應流體容器

回答

相關問題