代码之家 › 专栏 › 技术社区 › BRass

离子晶圆:铬显示问题

ionic3 ionic-framework google-chrome

BRass · 技术社区 · 7 年前

我用的是离子3,我有一些 FAB Buttons 在使用中出现在标题上方( top edge )最近,它们不再出现在标题上方,现在出现在标题下方。症状可以在 Ionic Docs 观看演示时。

还有人看到这个问题吗?Chrome是否做出了调整z-index处理方式的更改?作为参考,Fab在Firefox和iOS/Safari中仍然很不错。

更多研究后更新

虽然有一些解决办法,但似乎没有一个可靠的解释(因此没有可靠的长期解决方案)。

1 回复 | 直到 7 年前

BRass 7 年前

每个 Github issue 在这一点上,我在我的应用程序中解决了这个问题,将以下CSS放到了ionic app.scss中:

ion-content {
  contain: size style;
}

这基本上需要 contain: layout 从混合中去掉样式,这导致了问题。firefox/safari不实现 contain:layout 然而( see here 这就是为什么晶圆厂在那里工作。最终,除非增加这样的变化,否则这些也会破裂。

推荐文章

Moblize IT · 未设置ion-select默认值

1 年前

Gappy · 为什么Angular要求一个独立的组件,即使它是

1 年前

ProgrammingStudent · 使用javascript更新ionic web应用程序中.pane和.view的背景色

2 年前

user_1357 · Firebase是否将现有用户链接到匿名帐户?

2 年前

m_m · Axios onUploadProgress事件在Capacitor Android上未触发的问题

2 年前

Yeo Bryan · Ionic项目申请通知权限

3 年前

Joe Johnson · Ionic 7模态在第二次点击时不起作用

3 年前

Piyush aggarwal · 通过Cordova文件打开程序2避免REQUEST_INSTALL_PERMISSION

3 年前

Roberto Vieira · 我的离子搜索栏过滤器不工作

3 年前

marlonga · 错误:在Ionic Angular应用程序中使用argon2浏览器时找不到模块

3 年前