众所周知，苹果X的屏幕尺寸相当特殊，想要做到完美的适配是一件比较困难的事情。下面我们来看看如何使用CSS来适配苹果X。

首先，我们需要让页面全屏，即设置为：

html, body {
height: 100%;
width: 100%;
}

然后，我们需要针对iPhoneX的刘海屏进行处理。刘海屏的高度为88px，我们可以使用CSS3的媒体查询来判断是否为iPhoneX，并对其进行特殊处理。代码如下：

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
/* iPhone X styles here */
.header {
padding-top: 88px;
}
}

上面的代码判断设备的宽度是否为375px，高度是否为812px，并且像素比是否为3。如果都成立，则说明是iPhoneX。在iPhoneX上，我们将header的padding-top设置为88px，以避免内容被刘海覆盖。

最后，我们需要注意一点，在使用标签设置viewport的时候，需要将viewport-fit设置为cover，这样才能保证内容完全铺满整个屏幕。具体代码如下：

以上就是针对iPhoneX的CSS适配方法，希望能对大家有所帮助。