手机版是正常的,电脑打开就不行了,电脑版早上刚卸载更新 3.7.3版本,切换到wmpf版本了,在电脑微信 3.6.8之前一切都是正常的,在那之后就老是有问题
小程序pc调试报错但是能用,真机直接没请求了,能看下是怎么回事吗?[图片][图片]
2022-06-27[图片] [图片] 开发工具ios5下的效果 [图片] 开发工具ios6/7/8下的效果 代码 wxml <view class="my-keyboard"> <view wx:for="{{31}}">{{item+1}}</view> <view class="del-key">X</view> </view> wxss .my-keyboard{ display: flex; flex-wrap: wrap; padding: 0 30rpx 30rpx; box-sizing: border-box; position: relative; } .my-keyboard view{ width: 60rpx; height: 60rpx; margin-right: 10rpx; margin-top: 10rpx; display: flex; justify-content: center; align-items: center; box-sizing: border-box; } .my-keyboard view.border{ border: 1rpx solid #000; } .my-keyboard view:nth-child(10n){ margin-right: 0; } .my-keyboard .del-key{ width: 130rpx; /* margin-top: 10rpx; */ /* margin-right: 0; */ margin: 0; border: 1rpx solid #000; position: absolute; bottom: 30rpx; right: 30rpx; }
750rpx 不能适配所有屏幕,只有 375 宽度的屏幕适配[图片] 这图是我在 375 的设备下开发的,看起来挺正常,上面哪些省份简称用的是 flex 布局,然后 x 使用的是固定定位,flex 内容两边留 30rpx 的宽度,绝对定位定位 30rpx 的距离,成立。 [图片] 一旦换成非 375 的设备显示就出现了这种问题了,明显我这两边留空不一致,很显然,屏幕全宽 750rpx 并不适配,同时我也使用真机测试了一下,使用的是小米10,结果显示也为上面这种,并不对齐。
2021-12-13