max-inline-size
max-inline-size
是 CSS 中的 逻辑属性,它定义了当 writing-mode
为水平时元素的最大宽度,或当 writing-mode
为垂直时元素的最大高度。
.element {
max-inline-size: 500px;
writing-mode: vertical-lr;
}
CodePen…max-inline-size
是 CSS 中的 逻辑属性,它定义了当 writing-mode
为水平时元素的最大宽度,或当 writing-mode
为垂直时元素的最大高度。
.element {
max-inline-size: 500px;
writing-mode: vertical-lr;
}
CodePen…inline-size
是 逻辑属性,它定义了当 writing-mode 为水平时元素的宽度,或当 writing-mode
为垂直时元素的高度。
.element {
inline-size: 700px;
writing-mode: vertical-lr;
}
正如你可能猜到的那样 …
将 CSS 变量设置为主题化设计系统可能很棘手:如果它们的范围太小,系统将失去一致性。如果它们太全局化,你将失去粒度。
也许我们可以解决这两个问题。我想尝试将设计系统变量归结为两种类型:**全局**变量和**组件**变量。全局变量将为我们提供跨组件的一致性。组件变量将为我们提供粒度和隔离。让我通过一个相当简单的组件为例来展示如何做到这一点。
你可以学到任何东西,但你无法学到所有东西 🙃
所以接受这一点,并专注于对你重要的东西
— Una Kravets 👩🏻💻 (@Una) 2017 年 9 月 1 日
Una Kravets 绝对是正确的。在现代 CSS 开发中,有太多 …
前端开发人员和 web 设计师生活在一个疯狂的多设备现实中。
几个月前,Red Hat UXD 团队 讨论了如何为移动环境设计企业应用程序。Sarah 和 Jenn,我的才华横溢的同事们指出,触摸 …