On 32/43 inch TV, GUI shows oversized fonts & elements in full screen. But when inspected via...

I have an Angular project with a Canteen Menu component that displays meals for the entire week. The menu auto-swaps every few seconds, and I’ve also implemented a full-screen functionality. Additionally, fonts and other styles are dynamic based on user selection.

However, when entering full-screen mode, the content — including fonts and images — appears too large. In normal view, everything displays correctly.

What could be causing this, and how can I ensure consistent scaling in full-screen mode?

Continue reading...