# Best way to adapt Perspective to resolution

**URL:** <https://forum.inductiveautomation.com/t/best-way-to-adapt-perspective-to-resolution/82863>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 7, 2023, 8:39pm UTC](https://forum.inductiveautomation.com/t/best-way-to-adapt-perspective-to-resolution/82863 "2023-12-07T20:39:55Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\
**Post date:** [July 9, 2025, 10:00pm UTC](https://forum.inductiveautomation.com/t/best-way-to-adapt-perspective-to-resolution/82863/11 "2025-07-09T22:00:27Z")

</div>

CSS Container Queries have length units that can be used to adjust the font size relative to the size of the container. See this post:

> [@Constant Container Aspect Ratio](https://forum.inductiveautomation.com/t/constant-container-aspect-ratio/107573/6):
>
> So I just learned that my example above is doing it the hard way, when I learned about the unique length units available to container queries ([CSS container queries - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_containment/Container_queries)). I updated that project I made for you yesterday to demonstrate: [TEST\_2025-06-19\_0914.zip](https://forum.inductiveautomation.com/uploads/short-url/5oVj8vwp22Kv21pdnLWvDsZYVZD.zip) (46.5 KB) The CSS is much simpler: .psc-LabelContainer { container-type: size; container-name: card; font-family: Arial; } @container card (width \>= 0px) and (height \>= 0px) { .psc-Label { font-size: min(15cqw, 22cqh); }…

---

_[View the full topic](https://forum.inductiveautomation.com/t/best-way-to-adapt-perspective-to-resolution/82863)._