华为手机端适配问题请教


//html代码
<div class="wenjuan-info">
                    <div class="wenjuan-info1">
                        <div class="wenjuan-info1-title">
                            <p><span class="red">*</span><span class="juli">1</span></p>
                            <p>请结合自身的真实感受,给此次在 XXX的体验打个分!</p>
                        </div>
                        <div class="wenjuan-info-ans"><input type="radio" name="#" value="A" onclick="displayshow()"><span>  5分</span></div>
                        <div class="wenjuan-info-ans"><input type="radio" name="#" value="B" onclick="displayshow()"><span>  3分</span></div>
                        <div class="wenjuan-info-ans"><input type="radio" name="#" value="C" onclick="displayshow()"><span>  1分</span></div>
                        <div class="wenjuan-info-ans"><input type="radio" name="#" value="D" onclick="displayInput()"><span>  一言难尽</span></div>
                        <div class="wenjuan-info1-input" id="input1" style="display: none;">
                            <input type="text" name="#" id="" class="wenjuan-info-input">
                        </div>
                    </div>
                </div>


//css代码

.wenjuan-info{
    width: 100%;
    margin-top: 0.2rem;
    -moz-box-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    overflow: hidden;
    border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    -webkit-border-radius: 0.08rem
}
.wenjuan-info .wenjuan-info1{
    width: 5.74rem;
    margin: 0.25rem 0.48rem;
    margin-right: 0.1rem;
}
.wenjuan-info1 .wenjuan-info1-title{
    display: flex;
    flex: row;
    
}
.wenjuan-info1 .wenjuan-info1-title p{
    font-size: 0.28rem;
    padding-bottom: 0.2rem;
    color: #858588;

}

.wenjuan-info1 p .red{
    color: #ff0000;
}
.wenjuan-info1 p .juli{
    padding-right: 0.18rem;
}
.wenjuan-info1 .wenjuan-info-ans{
    margin-top: 0.3rem;
    font-size: 0.24rem;
    padding-left: 0.36rem;
    color: #858588;
}


.wenjuan-info1 .wenjuan-info-ans input{
    zoom: 1;
    vertical-align: text-bottom;
    margin-bottom: 0.05rem;
    padding-right: 0.08rem;
}

别的手机显示都是正常的,只有华为手机的标题部分(序号与问题没有水平对齐)

查看全部
qq_32147075
qq_32147075
2020/12/04 11:58
  • css
  • html5
  • css3
  • 点赞
  • 收藏
  • 回答
    私信

0个回复