1. 首页
  2. css

CSS可折叠显示多边形填充

折叠式手机开始流行起来。当然是早期的,但有些已经开始出货了,而且他们身上肯定有网络浏览器。有理由说,作为网页设计师,我们会想知道折叠的位置,这样我们就可以设计适合上半部分和下半部分的屏幕…或者左半部分和右半部分¹。看起来它将以env()常数的形式出现在我们面前,就像所有的缺口一样。polyfill回购中的代码块是:
@media (spanning: single-fold-vertical) {body {flex-direction: row;}.map {flex: 1 1 env(fold-left)}.locations-list {flex: 1;}}
我还认为它可能是…
@media (spanning: single-fold-vertical) {.page-wrap {display: grid;grid-template-columns: env(fold-left) 1fr;}}
有趣的是没有fold-right,不是吗?我们是不是要远离这样的方向性术语,使用逻辑属性?为什么不是fold-inline-start?
1. 看看这个句子的年龄会很有趣。只需观看首款真正流行的可折叠手机,它有三个部分。

CSS可折叠显示多边形填充 为WP2原创文章,链接:https://www.wp2.cn/css/css%e5%8f%af%e6%8a%98%e5%8f%a0%e6%98%be%e7%a4%ba%e5%a4%9a%e8%be%b9%e5%bd%a2%e5%a1%ab%e5%85%85/