問題與建設有IE8

兼容的可調整大小的圖形/圖現在，我使用純HTML和CSS都取得了子彈圖。沒有使用javascript/jquery庫。問題與建設有IE8

整個HTML頁面剛剛與大小1000px * 500px（幾乎全頁）子彈圖。在我的應用程序中，我還需要在其他一些新頁面中大致顯示300px * 300px中的相同圖表。現在

，我不希望建立新頁面另一個較小的圖表，我只是希望能夠減少圖表的現有整版版的規模和重用。我如何實現這一目標？

** ALERT !!!需要能夠在IE8上做到這一點!!! ** – 2013-03-01 06:41:12

讓一個jsfiddle – sheriffderek 2013-03-01 07:30:15

請詳細說明...如果可能的話一些鏈接或東西.....不介意，但我對這裏的時鐘...所以任何進一步的建議將大大幫助 – 2013-03-01 09:00:22

在CSS：

transform:scale(0.25);   /* IE 10, Firefox */ 
-webkit-transform:scale(0.25); /* Chrome */ 
-ms-transform:scale(0.25);  /* IE 9 */

根據需要調整所述比例係數。

另外請注意，您可以使用視窗單位如果原圖圖有像60%的寬度，但請注意，瀏覽器支持目前非常低的。

transform:scale(calc(300px/60vw));

2013-03-01 06:28:01

首先，您可以提供任何鏈接，請參閱上述使用情況。 – 2013-03-01 06:30:13

其次，你建議我添加整個頁面，因爲它是和在CSS我只是做上述改變它會減小它的大小?? – 2013-03-01 06:31:15

[Demo]（http://jsfiddle.net/TTFhn/）。是的，這應該工作。這完全取決於你如何設置，完全是我無法從你的問題中得出的。 – 2013-03-01 06:32:14

爲了讓IE8的工作，我不能使用由Kolink建議改造尺度方法，因爲它不支持。所以我不得不徹底編輯大圖的一個副本，以使其達到規模。如果您使用的是Chrome/Firefox/IE9 +，請使用Kolink的方法。

2013-03-14 10:29:58

回答