Responsive Design

direction and writing-mode

用过flex布局的小伙伴应该知道答案，flex布局中也有个direction属性flex-direction，它也支持你将布局从水平方向改为垂直方向，在flex中你几乎找不到top、right、bottom和left的字样，只有start和end。当顺序是从右至左，start就是右，反之同理。所以不要使用方向属性，而是使用逻辑属性，用margin-inline-start替代margin-left；用margin-block-start替代margin-top。inline即代表文本流的方向，block代表块的布局方向。