微信小程序横屏

最新在小程序中做一个 chart，想让它横屏全屏显示

首先想到的是让它转一下

.canvas{
  width: 100vh;
  height: 100vw;
  transform: rotate(90deg) translate(0, -100%);
  transform-origin: 0 0;
}

但并不行，试了下别的 dom 旋转没什么问题，但 canvas 不会转(父容器转了 canvas 也没有跟着转)

解决方式:
设置页面横屏

页面.json 中设置
"pageOrientation" : "landscape"

然后正常画就可以了
.canvas{
  width: 100vw;
  height: 100vh;
}

优点: 简单，也不用转，画的时候 width/height 也不会互换
缺点: 只能全页面横屏