CSS媒體查詢是Web設計中非常有用的技術，通過它可以根據設備分辨率等屬性來確定網頁的顯示樣式。iPhoneX是一款比普通手機更高分辨率的移動設備，因此在其上使用CSS媒體查詢非常有必要。

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
/* 在iPhoneX上使用的CSS樣式 */
}

以上代碼就是一個用于iPhoneX的CSS媒體查詢。這段代碼指定了媒體類型（僅屏幕），設備寬度和高度（375和812像素），以及設備像素比（3）。接下來在代碼塊里面可以編寫具體的樣式，這些樣式只會在iPhoneX上生效。

如果您希望在多個設備上使用不同的樣式，可以在代碼中添加多個媒體查詢。例如：

/* 在iPhone6/7/8上使用的CSS樣式 */
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
/* 在iPhone6/7/8上使用的CSS樣式 */
}
/* 在iPhone6/7/8 Plus上使用的CSS樣式 */
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
/* 在iPhone6/7/8 Plus上使用的CSS樣式 */
}
/* 在iPhoneX上使用的CSS樣式 */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
/* 在iPhoneX上使用的CSS樣式 */
}

在上面的代碼中，我們對iPhone6/7/8、iPhone6/7/8 Plus和iPhoneX分別使用了不同的媒體查詢。這樣做可以確保在不同的設備上都可以得到最佳的顯示效果。

總之，CSS媒體查詢是Web設計中非常有用的技術，通過它可以根據設備分辨率等屬性來確定網頁的顯示樣式。在為iPhoneX等高分辨率設備設計網頁時，使用CSS媒體查詢尤為重要。