0

Ionic 4 在离子含量上使用 css 属性“包含”。据我了解,这在 iOS 10 上不受支持,并在MDN上标记为实验性。在我为 iOS 10 构建的版本中,它会导致布局怪癖,例如无法滚动到可滚动内容的底部。我认为这是原因,因为如果我检查 iPhone 5 iOS 10 上的运行时构建,css 属性“包含”被标记为“不支持”。Iphone 6 iOS 11+ 构建工作正常。

我很困惑 Ionic 4 使用这个属性,因为文档说 iOS 10 is supported browser support。我是否误解了某些东西,或者可能存在解决方法,以便我可以支持 iOS 10?

检查 ion-content 元素将“包含”属性显示为最后一项:

: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;

}

4

0 回答 0