rpx的计算是以750为基础计算的实际尺寸,在计算的过程中,可能会出现浮点数,微信在处理浮点数的时候,在不同的机型(也可以说是尺寸)会有1-2像素的偏差,这个是很正常的现象,要想达到全屏效果,可以把某一个子元素设置成 flex:1(弹性盒子),其他的可以固定宽度
手机宽度自适应BUG,不能自适应[代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"wrap"[代码][代码]>[代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'v1'[代码][代码]>188rpx[代码]view[代码][代码]>[代码][代码][代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'v2'[代码][代码]>104rpx[代码]view[代码][代码]>[代码][代码][代码][代码][代码] [代码][代码][代码][代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'v3'[代码][代码]>104rpx[代码]view[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码][代码][代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'v4'[代码][代码]>104rpx[代码]view[代码][代码]>[代码][代码][代码][代码][代码][代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]'v5'[代码][代码]>250rpx[代码]view[代码][代码]>[代码][代码][代码][代码][代码][代码][代码][代码]view[代码][代码]>[代码][代码][代码][代码][代码].wrap{[代码][代码] [代码][代码]width: 100%;[代码][代码] [代码][代码]display: flex;[代码][代码] [代码][代码]height: 200rpx;[代码][代码] [代码][代码]background: red[代码][代码]}[代码][代码].wrap :nth-child(2n){[代码][代码] [代码][代码]background: yellow;[代码][代码]}[代码][代码].wrap :nth-child(2n-1){[代码][代码] [代码][代码]background: green;[代码][代码]}[代码][代码].v2,.v3,.v4{[代码][代码] [代码][代码]width: 104rpx;[代码][代码] [代码][代码]height: 100%;[代码][代码]}[代码][代码].v1{[代码][代码] [代码][代码]width: 188rpx;[代码][代码] [代码][代码]height: 100%[代码][代码]}[代码][代码].v5{[代码][代码] [代码][代码]width: 250rpx;[代码][代码] [代码][代码]height: 100%;[代码][代码]}[代码][图片] [图片] [图片] 宽度自适应,应该在任何手机都看不到最右边红色的那一块才对呀
2018-05-12