- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘Other’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I have already meta tags `` and also created responsive css under@media only screen and (max-width:959px)`
Why not showing responsive site on all mobile devices?
but showing on desktop
Ajay Kumar
Do you have a link?
Have you read this article : http://alistapart.com/article/responsive-web-design
I’m pretty sure you’ll find a lot of answers to many of your queries there.
You shouldn’t use maximum-scale. This can cause some accessibility issues.
>This can cause some accessibility issues.
Yeah…for anyone who wears reading glasses.
I can’t find the link back unfortunately but the main idea is easy enough to understand: don’t prevent the user to zoom. Some people need it. As far as I can tell, I often need it. I’ve a shitty sight.
So I am working on my first “respoonsive” website which makes extensive use of media queries. I was wondering if there are some common page-widths I should optimize for.
I will probably have a maximum width (not going full fluid) I am thinking I’ll have maybe 3-5 set widths with fun little css3 transitions between them (similar to how https://css-tricks.com works).
Currently the numbers I am using are somewhat arbitrary:
@media all and (max-width: 599px){…}
@media all and (min-width: 600px) and (max-width:799px){…}
@media all and (min-width: 800px) and (max-width:1024px){…}
@media all and (min-width: 700px) and (max-width: 1024px){…}
@media all and (min-width: 1025px) and (max-width: 1399px){…}
@media all and (min-width: 1400px){…}