我的Cordova应用程序工作正常,使用Chrome Inspector帮助排除故障并调试所有编码。最近我开始清理UI并开始在许多地方合并border-radius
来清理按钮,窗口,div边框,弹出窗口等。但是,当border-radius
专门应用于Ionic modals
或Ionic popovers
会导致我的应用的Chrome Inspector网页浏览失效。特别是应用程序成像本身......其余的chrome检查器(编码,控制台,元素等)仍然可见。
我也在各种手机上直接测试应用程序,当在应用程序上启用模式或弹出窗口时,它在手机上看起来很好,但在Chrome Inspector上显示为黑色。如果我转到CSS元素代码并在该元素上停用border-radius
,则我的应用的完整图片会重新显示在Chrome Inspector中。
我已经针对这个问题进行了一些搜索,并且没有真正发现任何事情。有没有人见过这个或知道解决方案?
按要求:
.modal-center{
width:90%;
height:80%;
top:10%;
bottom:10%;
left:5%;
right:5%;
min-height:0;
border: 2px solid #4e8cf9;
border-radius:10px;
}