This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Reponsive design view dimensions are incorrect

  • 3 replies
  • 1 has this problem
  • 3 views
  • Last reply by cor-el

marshall_parr
marshall_parr
more options

I am in the process of building a responsive site, I am using "responsive design view" to show me the dimensions of the page when styling of an element looks incorrect when at a certain screen size. E.g I have created a media query at 990px when an element moves tposition. My media query styling actually takes effect at 860px. When testing this on chrome it appears that the original dimension firefox says my window is at is incorrect when using the dimensions from chrome responsive view my media query and the effects of this media query happen at the same time.

Please note that I am not looking for help with the results of the media query, this works fine when the dimensions for the media query are adjusted :)

I hope this make sense, any help is appreciated!

I am in the process of building a responsive site, I am using "responsive design view" to show me the dimensions of the page when styling of an element looks incorrect when at a certain screen size. E.g I have created a media query at 990px when an element moves tposition. My media query styling actually takes effect at 860px. When testing this on chrome it appears that the original dimension firefox says my window is at is incorrect when using the dimensions from chrome responsive view my media query and the effects of this media query happen at the same time. Please note that I am not looking for help with the results of the media query, this works fine when the dimensions for the media query are adjusted :) I hope this make sense, any help is appreciated!

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Try to set layout.css.devPixelsPerPx to 1.0 (default is -1) on the about:config page.

You can open the about:config page via the location/address bar. You can accept the warning and click "I'll be careful" to continue.

marshall_parr
marshall_parr Question owner
more options

Thanks for the reply, this is fine for working on my monitor which is reasonably good quality, but when working on my macbook screen with a much higher resolution it is much to small to be useable.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Adjust the value of layout.css.devPixelsPerPx in 0.1 or 0.05 steps (1.1 or 0.9) until icons or text looks right for you.