- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 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.
Hello everyone,
I’ve just finished my first fully responsive page today and it all works great when I re-size my screen, (div’s have clear:both so they stack at smaller sizes, etc), but when I look at it on the iPhone it just gets auto scaled and never breaks as I’ve specified in the @media assignments. I’ve added the meta tags disabling scaling, but it seems the iphone just ignores it.
The site is http://events.dharmata.org. Here’s the CSS:
@media all and (min-width: 900px) {
#section {
float: left;
margin: 1%; /* 10px ÷ 1000px = .01 */
width: 38%; /* 320px ÷ 1000px = .440 */
}
#aside {
float: right;
margin: 1%; /* 10px ÷ 1000px = .01 */
width: 58%; /* 640px ÷ 1000px = .66 */
}
footer {
clear: both;
}
}
I’m sure this must be easy, but I got a little bit stuck. Thanks for your help!
Ben
Is there something different in the way iOS devices treat iframes?
Just a thought.
> I’ve added the meta tags disabling scaling
You might need those on the page with the frames as well, I think. Why do you use frames anyway, I think it’s even invalid with that doctype.
It’s funny, the frameset tags seem to be added after the page renders. None of that is in my original code. Where do you think that is being added?