最新的 Chrome 更新搞砸了 Sencha Touch 2.0.0 的布局

Posted 2023-02-26

【中文标题】最新的 Chrome 更新搞砸了 Sencha Touch 2.0.0 的布局

【英文标题】：Latest Chrome update messed up Sencha Touch 2.0.0 layout

【发布时间】：2012-08-08 14:37:56

【问题描述】：

在 2012 年 7 月 31 日将 Chrome 更新到 21.0.1180.60 后，我使用 Sencha Touch 2.0.0 构建的应用在浏览器中查看时开始出现许多问题。 其中 ： 背景图像不出现 - 或确实出现但尺寸错误。 所有标题均以省略号显示。 响应能力很差（！） 我尝试将 Sencha 更新到最新版本，但它引入了更多问题。

有人对最新版本的 Chrome 有疑问吗？

欢迎任何帮助

【问题讨论】：

是的，我也面临同样的问题，所以我只是降级浏览器并避免使用开发或测试版浏览器或使用那些支持完整 Webkit 的浏览器

是的，这也让我很烦，现在必须使用 safari >.

为什么是-1？我现在也降级了，但它是一个公共网站，所以这是一个生产问题！

是的，我有很多关于蒙版的问题，而且屏幕没有自行重绘。展示面具后留下了许多视觉伪影。暂时恢复使用 Safari。

【参考方案1】：

在我的桌面上重新启动 Chrome 并将其自身更新到 v21 后，我遇到了与标题中的省略号相同的问题。 这似乎是 Sencha Touch 2.0 的 CSS 问题，已在 2.1.0 b2 中修复。另请参阅Sencha Touch forum。

目前的解决方法是包含以下 CSS：

.x-title  padding:0 .3em; 
.x-title .x-innerhtml  padding: 0; 

关于其他问题，恐怕我无能为力。

【讨论】：

also: 旧 css（现已损坏）：background: url(....) no-repeat center center; background-size: cover; 新 css（应该可以工作）：background-image: url(....) background-repeat: no-repeat; background-position: center center; background-size: cover;