创建一个较小的div副本?

fan*_*ncy 6 html javascript css jquery html5

我有一个充满文字,照片等的div.它是动态生成的,通常比例高度:宽度约为10:1.

我想在同一页面上创建这个div的副本,但是它的宽度是1/8.

编辑:所有内容也应该是1/8比例.

这个瘦高的概述div不需要能够与之交互,只需准确地显示其他较大div的内容.

任何想法我将如何/应该这样做?

谢谢!

Shr*_*rat 1

只是一个想法,您可以在较大 div 的-webkit-transformjQuery 上尝试和其他此类 css 样式。.clone()喜欢,

$('#theDiv').clone().css('-webkit-transform', 'scale(.125, .125)');
Run Code Online (Sandbox Code Playgroud)

不确定这是否可行,但这是一个想法:)

编辑我知道这可能不适用于所有浏览器,但我相信它会为您省去调整所有子元素大小的麻烦。