javascript - 是否可以计算 html 内容在默认缩放屏幕上占用的空间？

Question

HTML/CSS/JS 问题：您拥有带有文本内容的简单格式的 HTML 页面。想象一下，如果你愿意的话，像

<p>content</p>
<div>content2</div>
<ul>
    <li>c1</li>
    <li>c2</li>
</ul>

所有这些都只包含文本，具有基于 css 的可变格式。您想在页面的某个区域显示此内容。假设出于本讨论的目的，该区域被假定为足够大以显示任何一组未与其他标签嵌套的标签的内容。

1）您不希望内容溢出页面上的显示区域 2）您不希望在页面上的显示区域中创建滚动框

是否可以动态计算您可以在屏幕上显示多少内容？如果是这样，我会使用这些信息来分块内容，并通过 JS 以 powerpoint 的方式显示这些片段。

Answer 1

您可以使用

$('#something').width()

和

$('#something').height()