最近刚开始学习微信小程序,照书写了一段,但是开发工具预览和发布预览效果不一致,求教各位怎么调整CSS,源代码,开发工具预览效果和发布预览效果(在华为mate10pro上)。实机测试,“账号”,“密码”字体排版变成了竖直显示,应该怎么修改样式?
账号
密码
手机快速注册
企业用户注册
找回密码
/* pages/login/login.wxss */
.content{
margin-top:40px;
}
.account{
display: flex;
flex-direction: row;
padding-left: 20px;
padding-top:20px;
padding-bottom: 10px;
width: 90%;
}
.title{
margin-right: 30px;
font-weight:bold;
}
.hr{
border:1px solid #cccccc;
opacity: 0.2;
width: 90%;
margin: 0 auto;
}
.see{
position: absolute;
right: 20px;
}
.btn{
width: 90%;
margin-top:40px;
color: #999999;
}
.operate{
display: flex;
flex-direction: row;
}
.operate view{
margin: 0 auto;
margin-top: 40px;
font-size: 14px;
color: #333333;
}
.login{
display: flex;
flex-direction: row;
margin-top: 140px;
}
.login view{
margin:0 auto;
}
微信小程序开发问题解答
微信小程序开发者回答:
应该是宽度不够引起的,单位尽量用rpx
微信小程序开发者回答:
谢谢,后来在title也添加了width设置属性,就显示正常了
本文网址:http://www.91bianli.com/kaifazhinan/77656.html