Avatar of derrida
derrida
 asked on

advice regarding media queries

Hi
i have 3 break point at the moment:
1- max-width: 480px (smartphones)
2- min-width: 481 (tablets)
3- min-width: 769 (desktop)

the issue: on smartphones and tablets my horizontal drop down menu becomes a vertical list that is opened by clicking on a menu link. all works but: on a 7 inch tablet LANDSCAPE and 10 inch tablet LANDSCAPE, the regular menu appears. and hover does not work on touch devices.

i have tried to make the desktop start with min-width: 1025, and it works but i do not want people with small PC screens to get the tablet list.

is there a way around it? or with todays PC screens, most likly people will not get the list?

best regards
CSS

Avatar of undefined
Last Comment
COBOLdinosaur

8/22/2022 - Mon
COBOLdinosaur

If you post a link we might be able to offer some advice after seeing what you have.

If you are expecting just media queries to solve all your cross-platform resolution issues, you will be disappointed because you need to deal with content and quirks; and not all devices respond the same way to given code.  You can get several devices to operate correctly with common code, but the more devices and resolution you need to support, the more likely it is that you will need to do device specific code.

Cd&
derrida

ASKER
hi
i have no link to give you.

i am not expecting a one all solusion.

can i use min-width for the desktop and min-device-width for tablets? and if so can i use styles for min-width: 1025px for the desktop and at the same time min-device-width: 769px for tablets?

the thing is that there are so many screens so its not a good idea to be very specific. my layout is percentage based. so i just wanted one for smartphones one for tablets and one for desktops.

best regards
COBOLdinosaur

without the speecifics the best I can do is give you a link to a page with most of the alternative covered, and then you can see what you are able to apply to your situation.

http://css-tricks.com/css-media-queries/

Cd&
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
derrida

ASKER
thanks for the link.

i found this information: stats

this means that only 10% of the regular PC users will face the tablet menu on their PC, right?

if i am right in understanding this stats that is not  such a bad thing, if they do see that menu instaed the menu of heigher screens, no?
ASKER CERTIFIED SOLUTION
COBOLdinosaur

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question