html холст не заполняет всю страницу на firefox мобильном телефоне

Question

Я пытаюсь использовать эффект анимации холста, он хорошо работает на firefox (рабочий стол), но на мобильном устройстве он заполняет, как небольшое пространство в левом верхнем углу страницы. На мобильном chorome работает хорошо, обновленный браузер все еще не работает, интересно, есть ли какой-нибудь трюк, заставляющий его работать.

code

https://codepen.io/riazxrazor/pen/Gjomdp

вот html файл на отдельном сервере:

http://ntf.r-control.eu/canvas.html

Здесь не публикуется код, поскольку он не отображается должным образом (как-то выходит из тега кода)

Answer 1

Не в состоянии не понять твоего сомнения. Но вы можете попробовать

canvas{
    height: 100vh;
    width: auto;
}

, это заставит ваш холст быть высотой и шириной области просмотра.