正常情况下，但是在ios10上就成了这个样子。。。
相关问题
相关文档
- LogManager.debug: 小程序/开发/API/基础/调试/LogManager/LogManager.debug
- console.debug: 小程序/开发/API/基础/调试/console/console.debug
- LogManager.debug#参数: 小程序/开发/API/基础/调试/LogManager/LogManager.debug
- console.debug#参数: 小程序/开发/API/基础/调试/console/console.debug
- LogManager.debug#功能描述: 小程序/开发/API/基础/调试/LogManager/LogManager.debug
小程序在ios10中样式错乱
测试环境： ios10.X 微信7.X iphone6
在此测试环境下微信小程序样式错乱，
但是同一型号机器，ios12.X 微信 8.X 样式正常，有谁遇到过这种问题吗？
提供下代码片段，是用flex布局么
供应信息
求购信息
玉米交易
淀粉交易
大数据
//css
.trade {
display: flex;
width: 700rpx;
margin-top: 10rpx;
height:22vh;
.left view {
width: 250rpx;
height: 100%;
image {
width: 100%;
height: 100%;
border-radius: 10rpx;
box-shadow: 0rpx 4rpx 0rpx 0rpx #32a464
}
}
.right {
display: flex;
flex-direction: column;
.right-t {
display: flex;
height: 50%;
margin-bottom: 10rpx;
button{
width:214rpx;
position: relative;
background-color: #0cbe63;
margin-left:10rpx;
border-radius: 10rpx;
text-align: center;
box-shadow: 0rpx 4rpx 0rpx 0rpx #32a463;
color:#FFFFFF;
span {
position: absolute;
width: 200rpx;
font-size: 35rpx;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
}
.right-b {
display: flex;
height: 50%;
button {
width:215rpx;
background-color: #0cbe63;
margin-left:10rpx;
border-radius: 10rpx;
text-align: center;
color:#FFFFFF;
box-shadow: 0rpx 4rpx 0rpx 0rpx #32a463;
position: relative;
span {
position: absolute;
width: 200rpx;
font-size: 35rpx;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
}
}
}
.data {
display: flex;
width: 700rpx;
margin-top: 10rpx;
height:22vh;
.left navigator {
width: 250rpx;
height: 100%;
image {
width: 100%;
height: 100%;
border-radius: 10rpx;
box-shadow: 0rpx 4rpx 0rpx 0rpx #337cd0;
}
}
.right {
display: flex;
flex-direction: column;
.datatop {
height: 50%;
width: 440rpx;
button{
text-align: center;
// line-height: 120rpx;
height: 90%;
width: 440rpx;
color: #FFFFFF;
background-color: #3684dd;
border-radius: 10rpx;
margin-left: 10rpx;
margin-bottom: 10rpx;
box-shadow: 0rpx 4rpx 0rpx 0rpx #148dd6;
position: relative;
span {
position: absolute;
width: 200rpx;
font-size: 35rpx;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
}
.databottom {
display: flex;
flex-direction: row;
height: 50%;
button{
text-align: center;
height: 100%;
width: 215rpx;
color: #FFFFFF;
background-color: #3684dd;
border-radius: 10rpx;
margin-left: 10rpx;
margin-bottom: 10rpx;
box-shadow: 0rpx 4rpx 0rpx 0rpx #148dd6;
position: relative;
span {
position: absolute;
width: 200rpx;
font-size: 35rpx;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
}
}
}