Whooami
Whooami
  • 发布:2024-01-23 11:26
  • 更新:2024-01-23 11:27
  • 阅读:154

【报Bug】uniapp pc适配 动态计算css生成有误。在app.vue直接引用的scss文件里面的正常。在top-window.vue中解析失败

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 10.15.7

HBuilderX类型: 正式

HBuilderX版本号: 3.2.16

浏览器平台: Chrome

浏览器版本: 112.0.5615.137 (Official Build) (x86_64)

项目创建方式: HBuilderX

示例代码:

当前修改直接热加载页面生效。chrome显示正常,但是页面刷新一下重新加载时就全部乱了

@media screen and (min-width: 768px) {  

        .wrapper-top {  
            width: calc(100% - 400rpx);  
            height: 88rpx;  
            margin-left: 100rpx;  
        }  
    }

操作步骤:

。。。

预期结果:

正常

实际结果:

页面显示有问题,chrome查看css不正常

bug描述:

uni-cli
uni-app v3.7.11
uni-app cli v2.0.2-3071120230427001

2024-01-23 11:26 负责人:无 分享
已邀请:
Whooami

Whooami (作者)

完整css.

@media screen and (min-width: 768px) {  

        page, body, .uni-top-window {  
            padding: 0 200rpx 20rpx 200rpx;  
        }  
        uni-top-window, .uni-body, body, uni-content {  
            width: calc(100% - 400rpx);  
            padding: 0 0 0 200rpx;  
        }  

        .wrapper {  
            width: calc(100% - 400rpx);  
        }  
    }

要回复问题请先登录注册