Responsive and desktop style switching

stevy

Familiar Face
Joined
Sep 30, 2015
Messages
67
Reaction score
1
FP$
0
Okay... you're doing things in a completely fucked up way.
First off, why are you taking away the opportunity for users to zoom on mobile devices? That is stupid, and not something you should do.
Apart from that, find a minimum screen size (or another type of measure) that you can allow to show the desktop design, make sure it works regardless of whether or not it's right next to that breakpoint, or on a full-scale 4k screen - the way you do that is using dynamic sizing (em, %) and setting max-widths if needed.
Then you go ahead and put in different breakpoints when you need to - there should be no need to make separate breakpoints for every conceivable size - just make sure that you resize stuff that might take up too much screen real-estate on smaller screens and so on.
Last, but not least: there is no difference between "desktop" and "responsive" - that's the whole point of a responsive layout - you use ONE CSS-file with rules set to alter the layout and/or looks based on what kind of device/screen it's viewed at, giving the user all the control of how s/he wants to view your site.

Start over.
 
Not sure if this is relating to this forum or in general..

But that is correct. Using the same CSS files with having percentages instead of fixed minimum/maximum widths/heights allows for it to be responsive by nature. Many tend to miss the mark when they go ahead and never set a minimum size (therefore allowing for the theme to be so small that things will break) or by having a maximum such that the style doesn't extend width wise and breaks off due to content being too small.
 
Back
Top Bottom