<template>
<view>
<view style="width: 750rpx; height: 300rpx; background-color: red;"></view>
<view style="width: 100%; height: 300rpx; background-color: blue;"></view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss" scoped>
</style>
3***@qq.com
- 发布：2026-10-27 10:24
- 更新：2026-10-27 10:24
- 阅读：104
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 25H2
HBuilderX类型： 正式
HBuilderX版本号： 5.33
手机系统： Android
手机系统版本号： Android 12
手机厂商： 模拟器
手机机型： 折叠屏手机
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
直接在宽屏手机上写两个盒子宽度一个设置750rpx一个设置100%会发现750rpx的盒子不能横向铺满
直接在宽屏手机上写两个盒子宽度一个设置750rpx一个设置100%会发现750rpx的盒子不能横向铺满
预期结果：
width=750rpx和width=100%效果应一致
width=750rpx和width=100%效果应一致
实际结果：
width=750rpx并没有横向铺满屏幕
width=750rpx并没有横向铺满屏幕
bug描述：
在某些机型如三星flod8 折叠下宽度设置750rpx并不等于宽度100%
