Microsoft Edge 阅读视图多列 CSS答案

【问题标题】：Microsoft Edge Reading View Multicolumn CSSMicrosoft Edge 阅读视图多列 CSS
【发布时间】：2018-10-02 03:17:12
【问题描述】：

假设您在 Microsoft 的 Edge 浏览器中打开一个页面。有时可以选择切换到阅读视图。比如这个页面：https://www.scottaaronson.com/democritus/lec3.html

据我所知，这个视图做了两件事：首先，它使用一堆启发式方法来确定什么是重要的，什么不重要，并相应地破坏 DOM。例如，在上面的页面中，出于某种原因，它决定“not(A and not A)”至关重要。

其次，它应用了一堆样式表以使内容更易于阅读。其中一种样式表试图在屏幕上显示尽可能多的文本列，以避免浪费屏幕空间，同时也避免了难以阅读的长行。

但我尝试查看 DOM 和 CSS，但实际上我无法弄清楚它是如何获得多个列的。是否存在作弊行为，还是我对 CSS 理解不够深入？

【问题讨论】：

【解决方案1】：

微软没有作弊；读者视图使用普通的旧multi-column layouts 并且做得很好。您可以在此处查看完整的 [专有] 来源： C:\Windows\SystemApps\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\Assets\ReadingView\

【讨论】：