brave / brave-browser

Brave browser for Android, iOS, Linux, macOS, Windows.
https://brave.com
Mozilla Public License 2.0
17.64k stars 2.3k forks source link

Issues with Media Queries / Breakpoints for responsive design on MacOS #41235

Open machancock opened 1 week ago

machancock commented 1 week ago

Description

I am a web developer and I primarily use Brave when developing. The last week or so I've noticed that media queries are not working properly in Brave. For example the media query i'm working with is @media(max-width: 991px) but when I publish those changes and then inspect the page won't respond to those changes until 891px.

I've tested this same problem in Safari, Chrome, and Firefox and I'm not having the issues there so I know this is Brave specific.

Steps to reproduce

  1. Create media queries, use your own size but mine are @media(max-width: 991px) and @media(max-width: 589px)
  2. Save those changes and inspect in Brave, the media queries won't work until roughly 100px less than the pixel amount specified in the media query

Actual result

Media Queries work 100px less than what they are set to

Expected result

If a media query is set to 991 it should work at 991px not 891px

Reproduces how often

Easily reproduced

Brave version (brave://version info)

1.69.168

Channel information

Reproducibility

Miscellaneous information

No response

rebron commented 1 day ago

cc: @ShivanKaul @fmarier