Sencha touch 2.2应用程序布局在Chrome 29中打破 [英] Sencha touch 2.2 application layout breaks in chrome 29

问题描述

有一天我在sencha touch 2.2中查看了我的应用程序，它的布局已经完全破碎了。我意识到我的Chrome已经从28自动更新到29了。它完全适用于Chrome 28以及更老的版本，任何其他webkit浏览器。当我检查示例应用程序来自sencha触摸包时，它似乎也被破坏了。我的客户也使用chrome 29。如何修复chrome 29的布局问题？

解决方案

我遇到了同样的问题，并且我修复了这个问题。

$ b

touch / resources / themes / stylesheets / sencha-touch / base / mixins / _Class.scss

使用以下命令替换 mixin st-box 并使用指南针重新编译您的css：

$ p $ @mixin st-box（$ important：no）{
@if $ important == important {
display： flex！重要;
display：-webkit-box！important;
显示：-ms-flexbox！important;
} @else {
display：flex;
display：-webkit-box;
显示：-ms-flexbox;
}
}


One day when I checked my app done in sencha touch 2.2, it's layout has been totally broken.I realised that my Chrome has been auto updated to 29 from 28. It works perfectly in chrome 28 and older , any other webkit browsers.When I checked the sample app comes from sencha touch package, it's also seems to be broken.My clients also use chrome 29 .How can I fix this layout issue for chrome 29?

解决方案

I had same problem and i fixed.

Go to

touch/resources/themes/stylesheets/sencha-touch/base/mixins/_Class.scss in your app

Replace the mixin st-box with the following and re-compile your css using compass:

@mixin st-box($important: no) {
    @if $important == important {
        display: flex !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
    } @else {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
    }
}

这篇关于Sencha touch 2.2应用程序布局在Chrome 29中打破的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！