前端怎么实现内容超出显示区域自动分页

Question

1. 使用full-page做的分页效果

2. 每一页可以显示文字 图片 和音频视频播放器

3. 当一页显示足够的文字 显示不下就在下一页显示

4. 如果页面还剩下100px,此时有张图高度为200px,那么这张图在下一页显示 播放器类型也是这样

5. 现在所有的元素类型（文本，图片，播放器）均是从上往下排列 所以只需要检测高度来分页

没有好的思路 求大神指点！！！

Answer 1

大概能理解你的需求，就是在不同尺寸的屏幕下，内容根据占屏幕大小来自动进行合适的布局我的思路大概是这样，为每一块内容包一层div，将其作为一个模块，使用脚本计算每个模块的尺寸与屏幕的关系，然后为其分配不同的page，但是实际上还是会存在一种问题，就是一个模块的高度超出了屏幕高度，这个时候你就得拆分成更细粒度的模块来进行了。