<template>
<view class="body">
我是主体，我的实际宽度750px（正确的）
<view></view>
因为我在pages.json -> globalStyle -> maxWidth = 750
<view class="dingwei">
我的css宽度是750rpx，实际宽度是整个视口的宽度（错误）
</view>
<view class="dingwei" style="width: 749rpx;">
我的css宽度是749rpx，实际宽度是749px（正确）
</view>
</view>
</template>
<style>
.body{
background: red;
min-height: 100vh;
}
.dingwei{
top: 50%;
width: 750rpx;
background: black;
color: #FFF;
}
</style>
<script>
export default {
data() {return {}},
onLoad() {},
methods: {}
}
</script>
{
"pages": [
{"path": "pages/index/index"}
],
"globalStyle": {
"maxWidth": 750,
"rpxCalcMaxDeviceWidth": 750,
"rpxCalcBaseDeviceWidth": 750,//设计的宽度，
"rpxCalcIncludeWidth": 750,
"navigationStyle": "custom"//隐藏导航
}
}
2***@qq.com
- 发布：2021-04-04 20:52
- 更新：2021-04-04 21:21
- 阅读：1732
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.7
浏览器平台： Chrome
浏览器版本： 86.0.4240.198
项目创建方式： HBuilderX
示例代码：
操作步骤：
见描述
见描述
预期结果：
在页面大于750px时 ， 750rpx = 750px
在页面大于750px时 ， 750rpx = 750px
实际结果：
见描述
见描述
bug描述：
因为我的pc端最大设置为750px，pages.json -> globalStyle -> maxWidth = 750
而且其他的也是750
"rpxCalcMaxDeviceWidth": 750,
"rpxCalcBaseDeviceWidth": 750,//设计的宽度
"rpxCalcIncludeWidth": 750,
所以在屏幕大于750px时，1rpx=1px，
但bug就出来这里
749rpx = 749px
750rpx = 视口的宽度
