CSS书写模式如何与页面流交互

Question

CSS Writing Modes Level 3 规范建立了诸如“块尺寸”之类的逻辑术语，对于水平书写模式（就像我现在写的那样），它是垂直的。因此，西方文字中的“块大小”将对应于物理尺寸“高度”。我理解那部分很好。

规范还将“块流向”定义为“块级盒子堆叠的方向和行盒子在块容器内堆叠的方向”，并表示writing-mode属性决定了块流方向。因此，如果日语使用vertical-rl 书写模式，则块流向将是水平的（从右到左）。在其他地方讨论抽象维度时，规范将“块轴”定义为相当于西方右模式中的垂直轴（在我正在写作的这个页面上，块垂直流动），以及垂直写作模式中的水平轴。

这就是我不清楚书写模式逻辑轴和整个页面流之间的区别（如果有的话）的地方。 （CSS盒模型的）整体页面流布局是否等同于由书写方式决定的块流？

这里有一个例子来说明我的怀疑。如果有使用vertical-rl书写模式垂直书写的日文页面，则“块轴”为横轴。那么这是否意味着页面水平流动？用户是否会向左滚动以查看页面的其余部分，而不是向下滚动？考虑一个典型的着陆页，在屏幕顶部有一个“英雄”，然后是它下面的各个部分，底部有一个页脚。在vertical-rl写作模式下，用户是否会向左滚动以查看英雄下方的部分？

我想问题归结为：整体页面流向是否真的等同于块流向，或者最终页面总是流动并向下滚动而不考虑写作模式？

由于有些人不理解我所说的“整体页面流”，请看CSS 2.1 § 9.4.1 Normal flow > Block formatting contexts：

在块格式化上下文中，框从包含块的顶部开始，一个接一个地垂直排列。

所以问题可以重述：如果有一个页面使用vertical-rl 的writing-mode 编写，如上所示导致水平“块流向”，这是否真的导致“正常流向” CSS 2.1 § 9.4 更改为“一个接一个地横向布局”而不是“一个接一个地纵向布局”？页面是否水平滚动而不是垂直滚动？

Answer 1

作为 Web 开发人员，您需要确定整体页面流程。如果您希望用户向上滚动并浏览页面内容，请将初始视图设置为最后一个（底部）元素。

如果您要询问以从右到左或从上到下语言编写的网站的约定，似乎在日本网站中尤其是从上到下流动，尽管写作模式不同。

这里以Honda Japan's website 为例。