v***@qq.com

发布：2020-12-01 11:53
更新：2021-02-03 16:56
阅读：1365

【报Bug】IOS响应式开发媒体查询不支持rpx

分类：uni-app

bug已修复

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 2.9.9

HBuilderX类型：正式

HBuilderX版本号： 2.9.8

手机系统： iOS

手机系统版本号： iOS 13.1

手机厂商：苹果

手机机型： ipad

页面类型： vue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

以下代码正常

@media only screen and (min-width: 728px) {  
    .container {  
        padding-top: 50rpx;  
        .logo {  
            margin-bottom: 50rpx;  
        }  
    }  
}

以下代码无效

@media only screen and (min-width: 1456rpx) {  
    .container {  
        padding-top: 50rpx;  
        .logo {  
            margin-bottom: 50rpx;  
        }  
    }  
}

操作步骤：

无

预期结果：

无

实际结果：

无

bug描述：

以下代码正常

@media only screen and (min-width: 728px) {  
    .container {  
        padding-top: 50rpx;  
        .logo {  
            margin-bottom: 50rpx;  
        }  
    }  
}

以下代码无效

@media only screen and (min-width: 1456rpx) {  
    .container {  
        padding-top: 50rpx;  
        .logo {  
            margin-bottom: 50rpx;  
        }  
    }  
}

2020-12-01 11:53 负责人:DCloud_UNI_GSQ 分享

2 个回复

DCloud_UNI_GSQ

确认未支持，已加分，后续会提供支持。

DCloud_UNI_GSQ

HBuilderX 3.1.0 alpha 已修复

该问题目前已经被锁定, 无法添加新回复

【报Bug】IOS响应式开发媒体查询不支持rpx

示例代码：

以下代码正常

`@media only screen and (min-width: 728px) { .container { padding-top: 50rpx; .logo { margin-bottom: 50rpx; } } }`

以下代码无效

`@media only screen and (min-width: 1456rpx) { .container { padding-top: 50rpx; .logo { margin-bottom: 50rpx; } } }`

以下代码正常

以下代码无效

操作步骤：

无

预期结果：

无

实际结果：

无

bug描述：

以下代码正常

以下代码无效

2 个回复

公告

相关问题

【报Bug】IOS响应式开发媒体查询不支持rpx

示例代码： 以下代码正常 @media only screen and (min-width: 728px) { .container { padding-top: 50rpx; .logo { margin-bottom: 50rpx; } } } 以下代码无效 @media only screen and (min-width: 1456rpx) { .container { padding-top: 50rpx; .logo { margin-bottom: 50rpx; } } }

以下代码正常

以下代码无效

操作步骤： 无

预期结果： 无

实际结果： 无

bug描述：

以下代码正常

以下代码无效

与内容相关的链接

2 个回复

公告

相关问题

示例代码：

以下代码正常

`@media only screen and (min-width: 728px) { .container { padding-top: 50rpx; .logo { margin-bottom: 50rpx; } } }`

以下代码无效

`@media only screen and (min-width: 1456rpx) { .container { padding-top: 50rpx; .logo { margin-bottom: 50rpx; } } }`

操作步骤：

无

预期结果：

无

实际结果：

无