ilionx Interactive Marketing 的 Rick 和 Michel 上周末在柏林参加 CSSconf 和 JSConf EU 2019。
上周五,5 月 31 日,是 CSSConf。对于那些没有出席的人,这里有一些演讲的简短摘要,其中含有你可以用来自己查找更多信息的搜索词。
Rachel Andrew – 你好 subgrid
假设您有如下布局。六张牌排列成网格状。每张卡片的页眉、内容和页脚均位于其自己的网格中。由于地图内网格彼此独立,因此无法使页脚具有相同的高度。使用 CSS 子网格,您可以将内部网格连接到外 华人海外数据 部网格的线,同时仍为地图提供同样高的页脚。
搜索词: CSS 子网格
陈慧静 – 使用 DevTools 了解现代 CSS 布局
Firefox 有非常好的开发工具,可以让你很好地调试网格和弹性框。弹性框中的项目可以用多种不同的方式指定宽度,并且您可以使用这种方式更好地控制在调整大小时哪些项目先缩小以及哪些项目稍后缩小。具有 fr 的宽度将比 minmax 或宽度 auto 更快地重新缩放。
搜索词:陈慧菁 Grid devtools
Jason Pamental – 具有可变字体的现代印刷系统
您可以使用公式自动将字体缩放到您想要的任何屏幕尺寸。可变字体允许您将多种字体放入单个字体文件中,从而使浏览器中的字体加载更加高效。我们正在研究一种累积加载可变字体的方法,这样您只需加载当前页面所需的内容。特别是对于较大的字体,例如阿拉伯文和中文,这会产生非常重要的差异。