Ionic 4对离子含量使用css属性“ contain”。据我了解,iOS 10不支持此功能,MDN上将其标记为实验性。在我的iOS 10构建中,它导致布局怪异,例如无法滚动到可滚动内容的底部。我认为这是原因,因为如果我检查iPhone 5 iOS 10上的运行时版本,则css属性“包含”被标记为“不支持”。 Iphone 6 iOS 11+的版本运行良好。
我很困惑Ionic 4使用此属性,因为文档说browser support支持iOS 10。我是否误解了某事,或者存在解决方法,因此可以支持iOS 10?
检查离子含量元素的最后一项显示“包含”属性:
:host {
--background: var(--ion-background-color, #fff);
--color: var(--ion-text-color, #000);
--padding-top: 0px;
--padding-bottom: 0px;
--padding-start: 0px;
--padding-end: 0px;
--keyboard-offset: 0px;
--offset-top: 0px;
--offset-bottom: 0px;
--overflow: auto;
display: block;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
height: 100%;
margin: 0!important;
padding: 0!important;
font-family: var(--ion-font-family,inherit);
contain: layout size style;
}