Microsoft Edge 阅读视图多列 CSS
Microsoft Edge Reading View Multicolumn CSS
假设您在 Microsoft 的 Edge 浏览器中打开一个页面。有时可以选择切换到阅读视图。例如，此页面：https://www.scottaaronson.com/democritus/lec3.html
据我所知，这个视图做了两件事：首先，它使用一系列试探法来确定什么是重要的，什么不是，并相应地破坏 DOM。例如，在上面的页面上，它出于某种原因决定 "not(A and not A)" 至关重要。
其次，它应用了一堆样式表以使内容更易于阅读。这些样式表之一会尝试在屏幕上放置尽可能多的文本列，以避免浪费屏幕 space，但也会避免难以阅读的长行。
但我试着查看 DOM 和 CSS，但我实际上无法弄清楚它是如何设法获得多列的。是否存在作弊行为，或者我只是没有完全理解 CSS？
微软没有作弊； reader 视图正在使用普通的旧 multi-column layouts 并且它做得很好。您可以在此处查看完整的 [专有] 资源：
C:\Windows\SystemApps\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\Assets\ReadingView\
假设您在 Microsoft 的 Edge 浏览器中打开一个页面。有时可以选择切换到阅读视图。例如，此页面：https://www.scottaaronson.com/democritus/lec3.html
据我所知，这个视图做了两件事：首先，它使用一系列试探法来确定什么是重要的，什么不是，并相应地破坏 DOM。例如，在上面的页面上，它出于某种原因决定 "not(A and not A)" 至关重要。
其次，它应用了一堆样式表以使内容更易于阅读。这些样式表之一会尝试在屏幕上放置尽可能多的文本列，以避免浪费屏幕 space，但也会避免难以阅读的长行。
但我试着查看 DOM 和 CSS，但我实际上无法弄清楚它是如何设法获得多列的。是否存在作弊行为，或者我只是没有完全理解 CSS？
微软没有作弊； reader 视图正在使用普通的旧 multi-column layouts 并且它做得很好。您可以在此处查看完整的 [专有] 资源：
C:\Windows\SystemApps\Microsoft.MicrosoftEdge_8wekyb3d8bbwe\Assets\ReadingView\