WXOPEN Club

微信小程序Audio怎么设置自适应屏幕

发布于 6 年前作者 liding7364 次浏览最后编辑 6 年前来自 ask

modal中写了audio，部分小手机不能自适应屏幕，部分缺失。

<modal hidden=“{{hiddenmodal}}”   cancel-text=“关闭” confirm-text=“播放” bindcancel=“cancel” bindconfirm=“confirm” >

   <audio  name=“测试” author=“测试” src=“{{voicefile}}” id=“myAudio” controls bindended=“funended”  action=“{{action}}” ></audio>

</modal>

3 回复
leixiang
leixiang1 楼6 年前
/* pages/mod/mod.wxss */

.box1 .dateBox{
 width: 100%;
 height: auto;
 line-height: auto;
 align-items: center;
 text-align: center;
 margin-top: 10rpx;
 font-size: 60rpx;
}

.box1{
 display: flex;
 flex-wrap: wrap;
 margin:   auto;
}

.box1>view{
 height: 15px;
 line-height: 30px;
 text-align: center;
 font-size: 20;
}

.dateOn{
 border-radius: 50%;
 background-color: rgb(0, 0, 0);
 color: #fff;
}
怎么才能设置屏幕自动适应
wanchao
wanchao2 楼6 年前

你好，不建议使用<modal></modal>标签

longyong
longyong3 楼4 年前

请问有解决吗