panthro
Reputation: 24061
Mobile website, portrait to landscape
I'm making a mobile website, in portrait the nav bar is sized nicely with 15px of padding around the top and bottom, but when I switch to landscape mode, it takes up almost half the screen.
What is the best way to go about this so it's smaller?
A separate stylesheet or is there a trick I don't know about?
Upvotes: 1
Views: 2733
Answers (2)
Acil Az
Reputation: 168
i use this for my client mobile site and its work correcly :
<link rel="stylesheet" media="all and (orientation:portrait)" href="[css_file]">
<link rel="stylesheet" media="all and (orientation:landscape)" href="[css_file]">
the css file can be same
Upvotes: 1
Related Questions
- forcing web-site to show in landscape mode only
- Mobile media queries in landscape mode?
- Creating Landscape and Portrait layout using HTML and CSS
- Mobile website changing to desktop when rotating to landscape mode
- Apply styles only in landscape and only on mobile devices
- is it possible to keep the format of my page in portrait mode (mobile)
- CSS mobile - portrait orientation after fullscreen
- mobile css are not working when i rotate the screen to landscape
- Mobile Website: Orientation change from portrait to horizontal
- css for mobile but for landscape mode?