I am about as green as you can get with coding. I have built a website for school but I can't figure out how to make it resize properly when viewing it on different devices-- desktop/laptop/tablet/cell phone. I have tried several different things, but none work:
I've put this in my style sheet:
@viewport {
width: device-width ;
zoom: 1.0 ;
}
I've put this on my page:
<meta name="viewport" content="width=device-width,initial-scale=1">
And I just am stumped on what I am doing wrong... Any help would be much appreciated.
I've put this in my style sheet:
@viewport {
width: device-width ;
zoom: 1.0 ;
}
I've put this on my page:
<meta name="viewport" content="width=device-width,initial-scale=1">
And I just am stumped on what I am doing wrong... Any help would be much appreciated.
