Webpage slides around in mobile browser
Hi. I've made my first P5 webpage but it slides around a lot. It's a big problem on the Chrome mobile browser because dragging down causes the page to refresh. I've tried researching ways to prevent it from sliding around and I've included all possible solutions in my css file, it helped horizontally, but nothing seems to prevent it from sliding vertically.I've pasted the relevant code below. Any ideas?
P5.js code:
```
let img;
let song;
function windowResized()
{
resizeCanvas(windowWidth, windowHeight);
}
function preload()
{
song = loadSound('assets/sound.m4a');
}
function setup()
{
createCanvas(windowWidth, windowHeight);
imageMode(CENTER);
img = loadImage('assets/image.png');
song = loadSound('assets/sound.m4a');
frameRate(12);
}
function mousePressed()
{
getAudioContext().resume()
song.play();
}
function mouseMoved()
{
song.play();
}
function touchStarted()
{
getAudioContext().resume()
song.play();
}
function touchMoved()
{
song.play();
}
function draw()
{
var mX=mouseX
var mY=mouseY
image(img, mX, mY, img.width / 2,
img.height / 2);
}
```
CSS:
```
@charset "UTF-8";
/* CSS Document */
html, body, text {
width:auto;
height:auto;
max-width:auto;
width: auto!important; overflow-x: hidden!important;
-moz-overflow-x: hidden;
-webkit-overflow-x: hidden;
-ms-overflow-x: hidden;
-o-overflow-x: hidden;
height: auto!important; overflow-y: hidden!important;
-moz-overflow-y: hidden;
-webkit-overflow-y: hidden;
-ms-overflow-y: hidden;
-o-overflow-y: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
```
HTML:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<link href="style.css" rel="stylesheet" type="text/css">
<style> </style>
<script src="../scripts/p5.js"></script>
<script src="../scripts/p5.dom.js"></script>
<script src="../scripts/p5.sound.js"></script>
<script src="sketch.js"></script>
</head>
<body>
</body>
</html>
```
AdChoices