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>
audio {
width: 100%;
display: flex;
flex-direction: column;
}
/* 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; } 怎么才能设置屏幕自动适应
请问有解决吗
你好,不建议使用<modal></modal>标签
那应该使用何种弹出框?容纳audio,自己实现?
你试试css,比如这种:
display: flex;
flex-direction: column;
谢谢,我试试