375 x 812 пикселей, перечисленных в окне разработчика для iphone X, предназначены для проектирования.Если вы хотите узнать почему, прочитайте ниже.
"iPhone 7 (и более или менее каждый современный смартфон) имеет экран с высокой плотностью (Apple называет их Retina Displays) с соотношением пикселей 2,0или, другими словами, два пикселя экрана iPhone7 равны одному пикселю CSS. Samsung Galaxy S8 + имеет удивительное соотношение пикселей 4,0, что обеспечивает впечатляющее разрешение устройства 1440 × 2960. Кстати, я записываю значения соотношения пикселей в десятичной записи.потому что кроме Apple (которая использует только пиксельные отношения целых чисел), другие поставщики реализуют пиксельные отношения в десятичной форме, например, значение 2,4 для Microsoft Lumia 1020 или значение 1,5 для Samsung Galaxy S. "
"Пиксель CSS = Пиксели устройства / Соотношение пикселей устройства"
"Для правильной работы нашего медиазапроса необходимо сослаться на пиксели css, поэтому эти 750 и 1334 станут соответственно 375 и 667. Если мы сравним их с физическим экраномпиксели, CSS-пиксели в основном являются «опорными пикселями» или другими словами «виртуальными». "
source: https://medium.com/@flik185/understanding-device-resolution-for-web-design-and-development-3bb4a5183478