Javascript 创建一个较小的div副本？

我有一个充满文本、照片等的div。它是动态生成的，通常高宽比为10:1左右

我想在同一页上创建此div的副本，但使其宽度为1/8

  var w = $("#thediv").width();
  var clone = $('#thediv').clone().css("width", w/8);

编辑：所有内容的比例也应为1/8

这个细长的概览div不需要与之交互，只需准确地显示另一个较大div的内容即可

你知道我该怎么做吗

---

谢谢

您可以使用jQuery clone（）方法进行复制，使用css（）方法更改宽度

  var w = $("#thediv").width();
  var clone = $('#thediv').clone().css("width", w/8);

---

然后，您可以使用append（）方法将此克隆放置到页面上的某个新位置。但是请注意，新宽度将取决于要克隆的div的内容。因此，您可能必须设置溢出等等，以确保其正常工作。

从我的头顶

$origDiv = $('#originaldiv');
$cloneDiv = $origDiv.clone(true);

然后将$cloneDiv的所有单个大小敏感属性设置为原始属性的1/8。做一些事情，比如迭代图像以计算它们的新高度/宽度

---

使用jQuery这样做是很疯狂的，但是，尽可能多地使用HTML和CSS，并将jQuery用于更具动态性的元素。

只是一个想法，您可以在较大分区的jQuery

.clone（）

上尝试

-webkit转换

和其他类似的CSS样式。例如

$('#theDiv').clone().css('-webkit-transform', 'scale(.125, .125)');

不确定这是否有效，但这是一个想法：）

---

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

你是说缩略图吗？那么，图像和文本的大小应该是1/8？我不知道如何做到这一点，我只是想确保我理解。是的，所有内容都应该是1/8的比例。如果我想让它看起来正确，我可能需要创建另一组css，其中包含所有内部内容（文本/图像/div）属性（高度/宽度/大小）除以8吗？@float听起来不错。使用addClass（）将css类添加到克隆的div中，并在css文件中包含新类的所有定义。因为它是动态的，如果你需要具体说明一些维度，你必须通过编程来完成。@mu：对不起，我没听清楚？