Meta viewport ONLY for phones?

Question

Is there a way to set the general responsive meta viewport () only for phones? We have a website that without that meta tag, zoomed out, looks fine on 7\" and

Answer 1

To achieve this, don't use tag and don't use @media queries inside your general .css file.

Instead, use this kind of tag:

And create styles for those devices in the separate .css file (like 320.css in this example).