Breakpoints not working with my...

User 63917 Photo


Registered User
12 posts

Hey guys, I've designed my site and used breakpoints which work fine on the preview screen and when I upload site and view on internet and minimize the page. But when I test it on my mobile phone (Samsung Galaxy S5) the breakpoints don't work and the whole site just gets squished up and looks terrible. My son says it's because these mobile phones have a display width of 1080 so they show the whole site (which would mean that breakpoints are useless here). I'd be grateful for any suggestions and insights about this.
thanks
Keryn
User 271657 Photo


Ambassador
3,816 posts

Can you post a link to your site?
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2706435 Photo


Ambassador
444 posts

High PPI phones should have their web viewing set to reduce that sort of resolution. Double check the browser settings. browser settings on phones and tablets should have an option to view as mobile or desktop. If desktop, the special scaling may be disabled.

S5 should have a non-zoomed based width of 360 when in mobile mode.
http://mydevice.io/devices/#sortSmartphones

Here is a viewport emulator. This emulator shows the S5 should work well.
http://www.viewportemulator.com/devices/samsung/galaxy-s5-sm-g900f/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.