Canvas 通过样式 width: 100% 设置为全屏宽度,右边有刺眼的白边

发布于 8 年前作者 shenyan12908 次浏览最后编辑 8 年前来自 ask
  1. wxml  文件

    <canvas class="canvas"></canvas>

  2. wxss 文件

    page {
      height: 100%;
    }
    .canvas {
      width: 100%;
      height: 100%;
    }
  3. 这段代码在 1.02.1802021 版本的开发工具模拟器中,宽度为 375 之上的手机型号上 除了设置 width: 100% 之外其它无论怎么设置 canvas 宽度,通过 wxml 窗口选择 canvas 元素查看,右边均有刺眼的白边,不能完全达到手机的宽度;

  4. 在小米 max 的真机,宽度 392,运行起来, 显示如下:

  5. 麻烦解决一下。

1 回复
zoujuan
zoujuan1 楼6 年前

问题相同 小米mix2