- This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi,
I’m something of a beginner in this area but I think I’ve done all the right things to get my website to display in three different ways – with max-device-width of 320px, 480px, and anything above 480px.
However when I look at this on a Samsung Galaxy Ace 2 mobile phone it’s not doing what I expect. At first the phone displays the above 480px version. If I refresh the page the phone then stays on the same version but zooms in. And then if I refresh again the correct page version (320px) is displayed.
Can anyone suggest what I might be doing wrong?
Thanks
Do you have a link?
Have you included the correct meta tag? Such as…
Otherwise we’re working in the dark?
I have:
meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″
And a stylesheet with this kind of thing –
@media only screen and (max-device-width: 480px) {
….
….
}
Do you have a link?
And I would remove `maximum-scale=1` as you don’t want to disable users ability to pinch and zoom.
http://www.youviewupdate.co.uk
Thanks for your interest.
Why are you using frames? If you go to http://www.eminencegrise.talktalk.net/youview/ on mobile it works as expected but the frames are messing things up. Maybe add the viewport meta to the page with the frames?
Thank you so much I’ll give it a try.
It’s also laid out with tables for the most part….sigh!
It was designed with Frontpage 5.0 – that’s how clued up I am! :-)