问题与建设有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

回答