# Styles for different view

**URL:** <https://forum.inductiveautomation.com/t/styles-for-different-view/106553>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [May 22, 2025, 11:12am UTC](https://forum.inductiveautomation.com/t/styles-for-different-view/106553 "2025-05-22T11:12:05Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [May 22, 2025, 1:44pm UTC](https://forum.inductiveautomation.com/t/styles-for-different-view/106553/4 "2025-05-22T13:44:44Z")

</div>

> [@Useful CSS Stuff](https://forum.inductiveautomation.com/t/useful-css-stuff/95414/34):
>
> cough I've gone back to rem.. face_with_crossed_out_eyes But defined media queries in the stylesheet to change the root fontsize based on resolution.. fwiw, this is what I've been testing with, and it seems to be holding up ok... /\* Default root font size (applies to all screen sizes unless overridden) \*/ html { font-size: 16px; /\* Base size: 1rem = 16px \*/ } /\* For small screens (e.g., mobile phones). Note this is larger than the tablet size otherwise it's too small on mobile\*/ @media sc…

Checkout this post. I'd also suggest using rem units for all of your sizing as well like `gap`, margins, basis, etc

---

_[View the full topic](https://forum.inductiveautomation.com/t/styles-for-different-view/106553)._