javascript - 在 :always; on desktop screen browsers 之后分页

Question

我想知道这是否可能。
我的这个页面在 15 英寸笔记本电脑上显示良好。
但是在更大的分辨率下，下一部分开始显示在屏幕的第一页上。
有什么方法(即使是 JavaScript，如果单独使用 CSS 不可能)仅在下一页屏幕上显示下一部分？
https://planbuildr.com/business-plan/new/2019
我希望下一部分(从标题“企业家喜欢 PlanBuildr 的一些原因”开始)仅在较大屏幕上滚动显示 - 而不是显示在第一个屏幕页面本身 - 下方。
我们可以使用 page-break-after:always; 在 PDF 生成的页面上使用它，但是如何在桌面浏览器上使用它？
(媒体不是“打印”)

Answer 1

您可以使用“vh”来代替以“px”为单位设置您的 div 高度。

关于 css 单元的更多信息可以在这里找到: https://www.w3schools.com/cssref/css_units.asp

例如，您可以将 div height=617px 更改为 div height=100vh

阅读有关响应式网页设计的文章也会对您有所帮助:https://www.w3schools.com/css/css_rwd_intro.asp