css3判断全面屏

CSS3可以通过媒体查询来判断设备是否为全面屏。全面屏设备通常拥有高宽比超过16:9的显示屏幕，因此应用满屏显示的应用程序需要用到全面屏适配。

    @media only screen and (min-device-aspect-ratio: 375/812) and (max-device-aspect-ratio: 9/19) {
        /*全面屏适配样式*/
        body{
            padding-bottom: constant(safe-area-inset-bottom);
            padding-bottom: env(safe-area-inset-bottom);
        }
    }

上述代码中的媒体查询使用了设备的最小和最大高宽比值，使用常数和环境变量来适配全面屏时下方区域的留白（safe-area-inset-bottom）。

CSS3还提供了其他媒体查询，例如min-device-height、min-height、max-height等，可以用于类型不同的设备适配，同时也可以结合JavaScript动态获取屏幕高宽比进行更加准确的适配。