您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

在Firefox和Chrome 48中使用flexbox出现渲染问题

在Firefox和Chrome 48中使用flexbox出现渲染问题

更新了flex@R_377_2419@规范,使flex项目的认最小大小等于内容的大小:min-width: auto/ min-height: auto

您可以使用min-width: 0/ 覆盖此设置min-height: 0

.content {
    background: yellow;
    flex: 1;
    display: flex;
    flex-direction: column;

    min-height: 0;           /* NEW */
    min-width: 0;            /* NEW */
}

以下是规范的一些详细信息:

为了为弹性商品提供更合理的认最小尺寸,此规范引入了一个auto值作为CSS 2.1中定义的min-widthmin- height属性的初始值。

Chrome似乎已更新了其渲染行为。Chrome 48现在在最小伸缩大小方面模仿了Firefox。

根据以下链接中的报告,以上解决方案也应在Chrome 48中运行。

其他 2022/1/1 18:14:20 有554人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶