Strategies for switching between desktop and mobil

Question

researching a couple of hours now, i want to find a clever solution for giving a user the opportunity to switch to the desktop version of the current mobile version of a website.

Technically that menas that i either have a dedicated mobile site or a single site with media queries making the design responsible.

For me the last option of a single website with responsive design is of great interest.

1.) What ways can you think of to manipulate design by the user?

2.) Should it be on the server side or client side? Pros/cons?

3.) What kind of experience do you have with possible solutions?

I'm aware that there are some questions already out there...

https://stackoverflow.com/questions/11146768/switching-between-mobile-and-desktop-site

Switch From Mobile Version to Full Website (Desktop Version)

Thanks a lot!

Answer 1

Easiest CSS fix would be: Eg:

#wrap {
 width: 1020px;
}

@media only screen and (max-width: 900px) { /* Screen which has a maximum width of 900px */

  #wrap {
    width: 500px;
  } 

}