»功能窗口在智能手机上的Resized（）«

Question

我使用p5.js。要针对不同的窗口大小调整草图，这会有所帮助：

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}

但是：看来，它不适用于智能手机。我有一台装有Google Chrome浏览器的新iPhone。如果我将手机垂直放置，则草图将运行；如果倾斜然后将手机水平放置，则草图区域将小得多。

有没有办法解决这个问题？我也有paper.js这个问题。

爱

Answer 1

解决方案：

if (window.DeviceOrientationEvent) { window.addEventListener('orientationchange', function() { location.reload(); }, false); }