CSS是一种用于美化网页界面的标记语言，通过CSS，我们可以为网页中的元素设置样式。在实际的开发过程中，经常需要对不同的设备进行区分，以便为其设置不同的样式，比如，当我们在为iPhone 12设计网页时，需要对其进行识别，以便调整相应的样式。下面，我们将演示如何使用CSS判断iPhone 12。

@media only screen and (max-width: 844px) and (-webkit-device-pixel-ratio: 3) and (device-width: 390px) and (device-height: 844px){
/*这里设置针对iPhone12的样式*/
}

上面的代码中，我们通过@media标识符，对屏幕宽度、设备像素比、设备宽度和设备高度进行了限制，从而将样式针对iPhone 12进行了设置。其中，max-width设置了屏幕的最大宽度为844px，-webkit-device-pixel-ratio表示设备的像素比为3，device-width和device-height则表示设备的宽度和高度。在这些限制条件下，我们可以设置相应的样式，以满足iPhone 12的设计需求。

总之，CSS是一种非常强大的样式语言，通过使用@media标识符，我们可以方便地对不同的设备进行识别，并设置相应的样式，满足不同设备的设计需求。