制作DIV并缩小所有儿童元素

我想在我的设计中重新调整HTML的大小。我需要此更改才能以动画形式发生。制作DIV并缩小所有儿童元素

DIV本身及其所有内部元素，即Images，Paragraphs，Anchors等都应该重新调整大小，就像重新调整具有恒定高宽比的图像时一样。

我认为，该工具应该获取当前元素的高度和宽度并增加/减少它们，但它不适用于文本，实际上对于需要更改字体大小的文本元素。

如何在JS，CSS，HTML中做到这一点？

感谢

来源

2014-01-14 Webinan

问题，要求我们建议或找到一个工具，库或喜爱摘网站资源对于堆栈溢出而言是无关紧要的，因为它们倾向于吸引自以为是的答案和垃圾邮件。相反，请描述问题以及到目前为止解决问题所做的工作。 – Rooster

'这可以在JS，CSS，HTML中完成吗？' - 是的。 –

@Rooster现在编辑，谢谢。 – Webinan

您可以使用CSS变换：规模

.small { 
    transform: scale(0.8, 0.8); 
    -ms-transform: scale(0.8, 0.8); /* IE 9 */ 
    -webkit-transform: scale(0.8, 0.8); /* Safari and Chrome */ 
    -o-transform: scale(0.8, 0.8); /* Opera */ 
    -moz-transform: scale(0.8, 0.8); /* Firefox */ 
}

编辑：参考/学分：Shrink/Grow animation using jQuery/CSS

来源

2014-01-14 19:39:45

'scale（1.2,1.2）'与'scale（1.2）'相同。除此之外，OP想要的东西更小，而不是更大，所以应该是'scale（0.8）'而不是 –

是的，的确，我看到了示例[here]（http://jsfiddle.net/eYYkS/）。 –

谢谢，它的工作，你也可以改善这个答案与IE6 +支持使用IE过滤器和本网站'http：// www.useragentman.com/IETransformsTranslator /' – Webinan

制作DIV并缩小所有儿童元素

回答

相关问题