- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 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.
I’m a newbie at responsive web design, so it’s easier for me at this point to edit an existing design. I modified the Bootstrap starter template (http://twitter.github.com/bootstrap/examples/starter-template.html) to create http://m.walnutcreekdds.com/TEST/index.html). It looks GREAT in Matt’s responsive testing site (www.mattkersley.com/responsive/), except for 1024 x 768 (iPad – Landscape). Unfortunately, a friend sent me a screenshot from her iPhone, and it’s really messed up (http://m.walnutcreekdds.com/TEST/laurie01.jpg).
So… how do I get this puppy to look good in all formats:
240 x 320 (small phone)
320 x 480 (iPhone)
480 x 640 (small tablet)
768 x 1024 (iPad – Portrait)
Also, I would love it if the navigation is in collapse mode for the 1024×768, too. How can I do that?
Thanks!!
Carol
Try adding this to your head:
That should make it display correctly on devices.
Thanks, Jeremy! I just saw your post.
Someone else told me to add this code to the
, so I did:Should I add “maximum-scale-1” to the meta tag?
Depends if you want to disable zooming in or not.
Ah, good point. Well, I went ahead and added it, then saw the page on an iPhone tonight… looks perfect… so the only remaining issue is the 768 x 1024 (iPad – Portrait) format (including making the nav do the hide thing like it does in the other formats).