小程序的各种手机屏幕媒体查询

最新推荐文章于 2024-04-05 18:00:24 发布

XPX17

最新推荐文章于 2024-04-05 18:00:24 发布

阅读量921

点赞数

分类专栏： uni-app WeChat css3 文章标签：小程序 html

本文链接：https://blog.csdn.net/qq_35547053/article/details/125891331

版权

/*iPhone5和iPhone SE*/
   @media only screen and (device-width : 320px) and (device-height : 504px) and (-webkit-device-pixel-ratio : 2) {
       .uploadContainer{
           background-color: pink;
       }
   }
   @media only screen and (device-width : 320px) and (device-height : 568px) and (-webkit-device-pixel-ratio : 2) {
       .uploadContainer{
           background-color: greenyellow;
       }
   }

   /* iPhone6/7/8 */
   @media only screen and (device-width : 375px) and (device-height : 603px) and (-webkit-device-pixel-ratio : 2) {
       .uploadContainer{
           background-color: green;
       }
   }

   /* iPhone6/7/8 plus*/
   @media only screen and (device-width : 414px) and (device-height : 672px) and (-webkit-device-pixel-ratio : 3) {
       .