Media Query for Label and ValueDisplay widgets

[pshashipreetham]

Hello,

How to write Media query for label and ValueDisplay, making a responsive mashup, so based on the Screen Resolution, the font size of the Label and ValueDisplay should Increase and Decrease.

Can someone help me to write a Media Query?

Thanks,

[suverma]

Hello @pshashipreetham You can use the similar example as in this article  to define your Media Query and change the Label and Value Display widget size as per different screen resolution.

If looking for a different approach, please let me know about it.

You can also refer to this training on PTC Development Portal for defining Media Queries.

[pshashipreetham]

Hey @suverma ,

Can you please share a simple snippet for label font size using Media Query?

Thanks,

[pshashipreetham · Accepted solution]

Hello,

So after going through some CSS Syntax, following CSS for Media Queries worked for me.

@media only screen and (max-height: 800px), screen and (max-width: 1550px)
{
   html{
       zoom: .1
   }
}

Thanks,