布局在 Chrome 中无法正确呈现

Posted

技术标签:

【中文标题】布局在 Chrome 中无法正确呈现【英文标题】:Layout not rendering properly in Chrome 【发布时间】:2020-01-10 02:55:07 【问题描述】:

在 Ubuntu 18 中更新 chrome 版本(版本 76.0.3809.132(官方构建)未知(64 位))后,我的引导布局无法正确呈现,并且在更新 Windows 机器 Chrome 后也无法正常工作。

我正在使用 Bootstrap 3 和网格布局,它在 Firefox 和 Safari 浏览器上成功运行。之前它可以在所有平台上运行,但现在它不能在 Chrome 上运行。

当我在这种情况下打开检查元素时,它有时也不起作用

这是我附加的图片:

看起来像这样:

更新截图错误:

【问题讨论】:

能否提供一些调试代码? @tarunkhosla 我附上了你检查的截图,我正在使用“滚动内容”类进行滚动 【参考方案1】:

你应该降级你的浏览器。

免责声明:根据提供的规范和上下文,它是唯一的(有效的!)解决方案。

【讨论】:

感谢您的回复,我已附上更新的截图,您可以查看。我不能分享我所有的代码,因为它太长了,我不能降级我的版本,因为项目是实时的。 是的。我的回答只是讽刺地说你应该处理你的样本。你试过什么吗?你。可以从在 codepen 或 jsfiddle 或类似中创建最小复制示例开始。或者您可以阅读 chrome 更改日志以找到一些线索。

以上是关于布局在 Chrome 中无法正确呈现的主要内容,如果未能解决你的问题,请参考以下文章

如何让 Firefox 和 IE 在 flexbox 布局中正确呈现写作模式?

在 IE7 或 IE8 中使用表单元素获得统一的布局

Flex-box 项目无法在 chrome 上正确重新渲染

表格布局问题 - Firefox 与 Chrome 和 IE7

奇怪的 chrome 媒体查询行为

引导布局媒体查询在 Chrome 上无法以 767 像素工作