Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.


    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

can I use only landscape and portrait modes in media queries for responsive design

mdavid

Coder
Hi,
If all screens are either landscape or portrait is it enough to query (container or media) the orientation to achieve a responsive design?
 
Not sure what you mean by "screens" -> If all screens are '''
It will be easier to answer your query if you provide the code or a link.

If you just try using the query. You should know the answer yourself.
 
I understand that you think I'm being naive, but if I take 2 formats 1. mobile portrait mode where there's only 1 column and divs are stacked vertically. 2. mobile landscape mode where divs are arranged according to available space horizontally and vertically and this view is just enlarged as the device screen size increases. I think that this model could apply to a majority of websites.
 
I think I get what you’re asking, but riddle me this. My iPad in portrait orientation is wider than your phone in landscape. Are you just going to scale up your stacked divs? That could get unwieldy. At some point - breakpoint - you are going to want to handle the layout of at least part of your page differently and most likely with a width-based media query.

 
Yeah, I am with @tomliv, just orientation is not enough possibly. It may depend on your layout but by measured space is probably better. If you use percent or whatever of viewport a lot is a whole other story. Did you know commonly computers also have portrait and landscape modes? X E.
 

New Threads

Buy us a coffee!

Back
Top Bottom