Responsive Howto Handle hi res screens

Using the Valo width ranges, what technique can be used to allow for pixels per inch.
My phone for examples has “HD IPS, 1920 x 1080 IPS 400 ppi” and the vaadin display text is vey small and does not respond to the width breaks as needed.
There used to be a CSS attribute that tried to handle this problem but it has been deprecated and advice is to not use.
Thanks
Paul

A meta tag is required in the html head as discussed in https://www.w3schools.com/css/css_rwd_viewport.asp

This youtube video from about 3 years ago https://www.youtube.com/watch?v=YGar0pVeiz4 has a description of how to add the tag using a bootstrap listener.
In the video at about 50 mins in.


A new annotation was added a year ago to handle his problem. Check out

@Viewport(“width=device-width”)