// iPhoneX适配 @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) { .platform-ios{ .has-header { top: 1.68rem; } .has-tabs { bottom: 1.68rem; } .has-footer { padding-bottom: 1.6rem; .scrollContent{ padding-bottom: 2.84rem; } } .public-style { .bottom-tab{ height: 1.56rem; padding-bottom: 0.68rem; } } } } // iPhoneX适配 @media (device-width: 414px) and (device-height: 896px){ .platform-ios{ .has-header { top: 1.68rem; } .has-tabs { bottom: 1.68rem; } .has-footer { padding-bottom: 1.6rem; .scrollContent{ padding-bottom: 2.84rem; } } .public-style { .bottom-tab{ height: 1.56rem; padding-bottom: 0.68rem; } } } }