Why my own responsive website is displayed as the tablet version on some desktop?
Hi,
I have an issue with my website minus28.com. I've made it by myself so maybe the problem comes from the code, just so you know.
So I've been checking it on different browsers: Chrome, Opera, Mozilla and until now I had no problem. It's responsive and changes at 767px from mobile to desktop version. But today a friend who bought a new computer went to the page and it was the tablet version appearing. I made him try other websites, and on them it switches properly to the desktop version. When you inspect the page, on his computer, the media query sticks to the "low" one (max-width: 767px).
Any idea of where this problem could come from ? Does it work properly for you? I'm a bit confused as on my computer it works perfectly with mozilla ...
Chosen solution
Note that zooming a web page affects the window dimensions as detected via JavaScript.
You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems.
- View > Zoom > Reset (Ctrl+0/Command+0 (zero))
Try to set layout.css.devPixelsPerPx to 1.0 (default is -1) on the about:config page to see if that has effect. If necessary you can adjust its value in 0.1 or 0.05 steps (1.1 or 0.9) until icons or text looks right.
You can remove all data stored in Firefox from a specific domain via "Forget About This Site" in the right-click context menu of an history entry ("History > Show All History" or "View > Sidebar > History") or via the about:permissions page.
Using "Forget About This Site" will remove all data stored in Firefox from that domain like bookmarks, cookies, passwords, cache, history, and exceptions, so be cautious. If you have a password or other data from that domain that you do not want to lose then make sure to backup this data or make a note.
You can't recover from this 'forget' unless you have a backup of the involved files.
If you revisit a 'forgotten' website then data from that website will be saved once again.
Read this answer in context 👍 1All Replies (4)
Desktop - Win7 - Firefox ESR 38 and 44.0.2 Initial page load time is close to a minute. I do see what appears to be the transition from "desktop" to "mobile"; the vertical height of the top background changes abruptly as I slide the width of the browser window across the width point. No vertical scroll bar. Up and down arrow keys allow for page scrolling, but without the scrollbar the mouse scroll wheel doesn't work.
Ok thanks. The scroll bar part should be fixed. Never heard about such a problem that the media queries doesn't work on some computer ?
Chosen Solution
Note that zooming a web page affects the window dimensions as detected via JavaScript.
You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems.
- View > Zoom > Reset (Ctrl+0/Command+0 (zero))
Try to set layout.css.devPixelsPerPx to 1.0 (default is -1) on the about:config page to see if that has effect. If necessary you can adjust its value in 0.1 or 0.05 steps (1.1 or 0.9) until icons or text looks right.
You can remove all data stored in Firefox from a specific domain via "Forget About This Site" in the right-click context menu of an history entry ("History > Show All History" or "View > Sidebar > History") or via the about:permissions page.
Using "Forget About This Site" will remove all data stored in Firefox from that domain like bookmarks, cookies, passwords, cache, history, and exceptions, so be cautious. If you have a password or other data from that domain that you do not want to lose then make sure to backup this data or make a note.
You can't recover from this 'forget' unless you have a backup of the involved files.
If you revisit a 'forgotten' website then data from that website will be saved once again.
As a footnote to cor-el's first point, you can load this page and watch the computed boxes to see how zooming affects the window.innerWidth value.