How to keep the convenience the responsive layout on phones with high screen resolution?

There is one problem and I don't know how to solve it. When the adaptive layout of the page on phones with low resolution and tablets, template perfectly adapts to the phone and the website is easy to navigate. The font is large, the size of blocks increases and so on.

Now, many phones such as the iPhone, Galaxy and iPad and Note and others, began to support the resolution of FullHD and even 2K. The website with the responsive template on them opens exactly the same way as on a normal monitor, of course all the small elements and use the site is not very convenient. Please tell me how to be in this case? How it can be provided that this is the phone to increase the Zoom or is there another solution?
July 2nd 19 at 13:27
2 answers
July 2nd 19 at 13:29
the symptoms you yuzaete viewport isn't at all, because such phones like the iphone have a resolution in the standard browser ( it is not equivalent to the display resolution). For example iPhone 5 - 320 x 568, but the pixel density is different
July 2nd 19 at 13:31
C normal normal phones and years is not a problem, because the logical css-screen resolution != the physical resolution of the LCD matrix. In the layout you need to focus on first. And, of course, to specify meta tag viewport.
mydevice.io/devices

Although I have met Chinese, which is the logical resolution in the browser was still physical because it was very small. But this did not help. Yes, and it was quite a while ago, 3-4 years ago.

Find more questions by tags HTMLCSSLayout