问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 微信小程序 Bug cover-view 客户端 6.7.3 2.3.2

- 当前 Bug 的表现（可附上截图）


iphone5的屏幕左侧漏了一点


- 预期表现


iphone6的屏正常




- 提供一个最简复现 Demo
.bswitch {
position:absolute;
left:235rpx;
top:2vh;
width: 280rpx;
height:60rpx;
overflow:hidden;
margin:0 auto;
text-align:center;
font-family:"Microsoft Yahei";
border-radius:30rpx;
border: 2rpx solid #03d1ab;
}


.bswitch .item {
display:inline-block;
width: 140rpx;
height:60rpx;
line-height:60rpx;
text-align:center;
overflow:hidden;
font-size:28rpx;
color:#03d1ab;
background:#fff;
}
.bswitch .itemcur {
color:#fff;
background:#03d1ab;
}



地图
列表

样式为宽280rpx的，套两个宽140rpx的
代码片段
.bswitch { position:absolute; left:235rpx; top:2vh; width: 280rpx; height:60rpx; overflow:hidden; margin:0 auto; text-align:center; font-family:"Microsoft Yahei"; border-radius:30rpx; border: 2rpx solid #03d1ab; } .bswitch .item { display:inline-block; /* padding:0 20rpx 0 20rpx; */ width: 140rpx; height:60rpx; line-height:60rpx; text-align:center; overflow:hidden; font-size:28rpx; color:#03d1ab; background:#fff; }

微信小程序开发问题解答

微信小程序开发者回答：

可以了，谢谢

微信小程序开发者回答：

item的宽度使用百分比试试

微信小程序开发者回答：

提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

微信小程序开发者回答：

三星on7，微信6.7.3，
代码段wechatide://minicode/VkOrZwmz7W3L

微信小程序开发者回答：

屏幕样式改为iphone5之后，即出现问题

微信小程序开发者回答：

试试？

本文网址：http://www.91bianli.com/kaifazhinan/77579.html

上一篇：微信小程序提交审核时要求测试账号?请问这个测试账

下一篇：微信小程序体验版webview跳转公众号文章，没有阅读量