Macbook Pro - Mobile Version Showing

Hey folks - I've got a client that is consistently seeing the mobile version of all designs, built on numerous frameworks, on his Macbook Pro - I can't figure out if the problem is his particular machine or a general Macbook Pro thing.

Anyone with a Macbook Pro feeling generous enough to donate three minutes of your time and have a quick look at a site for me?

Many thanks!

 

Hey, sure thing.

 

Your information is a bit lacking. What browser, which frameworks, etc. etc. Unless the coding is really botched, this must be something on the user's computer - there is no reason an MB Pro should show mobile styling, unless someone has installed a plugin, or done something with developer tools.

 

If I am not mistaken the retina display of the Macbook Pro uses media queries for break points just like a cell phone would. Try adjusting the @media queries in the CSS for those websites to see if the issue goes away.

 

Good theory, but I have checked the link he has provided to me and it was displaying to me as it should.

 

Just did a quick search, looks to me it's more than just a theory:

http://stackoverflow.com/questions/34038360/media-queries-for-macbook-pro-retina

http://stackoverflow.com/questions/13747364/media-queries-target-retina-macbook-pro-only

https://css-tricks.com/snippets/css/retina-display-media-query/

 

Well for some reason I am not affected by this. I did notice that the break points for Bootstrap responsive designs all triggered sooner than they should be so I might have to look into this.

Thanks for bringing this up.

 

Have you used media queries for this? Im not to sure thee mac screen size idk but just look it up