当前修改直接热加载页面生效。chrome显示正常,但是页面刷新一下重新加载时就全部乱了
@media screen and (min-width: 768px) {
.wrapper-top {
width: calc(100% - 400rpx);
height: 88rpx;
margin-left: 100rpx;
}
}
产品分类: 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不正常
uni-cli
uni-app v3.7.11
uni-app cli v2.0.2-3071120230427001
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);
}
}