CSS of browser source rendering wrong

VincentJ

New Member
Hi there,
Since a couple of weeks, it seems that the css files are not rendered well when using a browser source on macOs. It used to work well before (but before what, I don't know !).

Here is the result:
1605008317555.png


when using OBS on Windows with exactly the same parameters for the source, the result is:

obs windowspng.png


Last log file without any problem inside: https://obsproject.com/logs/mEErCSLmj62oKOEc

Do you have any idea of what can go wrong ?
The browser source displays perfectly using Chrome, Firefox, Opera, Safari, Chromium...the only place where it is broken is using OBS (I tried on 25.x.x and 26.0.2) on MacOs (Catalina 10.15.7)

EDIT: I did some more tests: the "before" seems to have happened when we begun using Bootstrap 4, or rem in scss files. Other browser sources work well, old versions are OK too. Which is strange is that it works on Windows but not on MacOs.

Thanks alot
 

VincentJ

New Member
Ok, I found the problem.
Bootstrap 4 uses rem instead of px. rem is based on a css property of <html> which is font-size
Every browser but chromium-OBS-macOs defines a default value (16px). Setting it solves the problem.
Thanks for your help,
 
Top