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.

A meta tag is required in the html head as discussed in

This youtube video from about 3 years ago 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