Elements behaving differently on mobile device than on desktop |
Elements behaving differently on mobile device than on desktop |
Jeanette94 |
Jun 21 2017, 01:45 PM
Post
#1
|
Group: Members Posts: 1 Joined: 21-June 17 Member No.: 26,439 |
Hello,
My site has been out for some time now and I didn't notice this problem until now. When viewing my site on desktop and resizing the browser to the size of a mobile device everything looks great, but when viewing my site on an actual mobile device some of the elements changes size and position. Could I be doing something wrong? All help is much appreciated. My website is www.esigaretten.no |
Christian J |
Jun 21 2017, 04:34 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
the size of a mobile device Today's mobile phones sometimes have the same resolutions as desktop monitors, so maybe only your widest min-width: 1024px media query is used (even in portrait mode)? You might test this in your phone with different CSS colors in each media query rule. QUOTE when viewing my site on an actual mobile device some of the elements changes size and position. Which elements, and in what way? E.g., the media queries only affect div#container, not the footer. Also, which mobile and browser? QUOTE Could I be doing something wrong? All help is much appreciated. My website is www.esigaretten.no The HTML has a couple of minor errors according to https://validator.w3.org/nu/?doc=http%3A%2F...igaretten.no%2F but they're probably unrelated. I didn't check the CSS or JS closely. |
Lo-Fi Version | Time is now: 25th April 2024 - 07:05 AM |