收藏
回答

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

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>


回答关注问题邀请回答
收藏

4 个回答

  • 君王羔羊
    君王羔羊
    2020-07-17

    audio {

      width: 100%;

      display: flex;

      flex-direction: column;

    }


    2020-07-17
    有用 3
    回复
  • 十
    2019-12-19
    /* 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;
    }
    怎么才能设置屏幕自动适应
    
    2019-12-19
    有用
    回复
  • 2018-08-30

    请问有解决吗

    2018-08-30
    有用
    回复
  • 灵芝
    灵芝
    2018-08-07

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

    2018-08-07
    有用
    回复 4
    • 竹雨亭
      竹雨亭
      2018-08-08

      那应该使用何种弹出框?容纳audio,自己实现?

      2018-08-08
      回复
    • 琳初爸爸
      琳初爸爸
      2018-08-09回复竹雨亭

      你试试css,比如这种:

      display: flex;

      flex-direction: column;


      2018-08-09
      回复
    • 竹雨亭
      竹雨亭
      2018-08-30回复琳初爸爸

      谢谢,我试试

      2018-08-30
      回复
    • 诚观
      诚观
      2021-01-14回复竹雨亭
      楼主解决了吗
      2021-01-14
      回复
登录 后发表内容