Why does the site become responsive on mobile devices with a large screen resolution?

D

Dmitry Yakovlev2015-04-10 08:08:44

HTML

Dmitry Yakovlev, 2015-04-10 08:08:44

I have a phone with a high screen resolution of 1920 x 1080. And when I visit some sites, they adjust to fit the screen of my phone. Moreover, the site adapts not to the screen resolution, but to its physical size. I don't understand how to make a website with bootstrap. After all, if you read the documentation, then there are boundaries for different devices 768px - Small devices, 992px - Medium devices, 1200px - Large devices. And the resolution of my phone is like on a computer.
Ps: Sorry if I didn't phrase my question clearly.

Reply

Answer the question

In order to leave comments, you need to log in

2 answer(s)

S

Sergey Melnikov, 2015-04-10
@mlnkv

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">    
</head>

A

Alexey, 2015-04-16
@aheleha

the simplest answer. As mentioned above, the device pixel is not equal to the css pixel. But each device has a certain coefficient from 1 to 4. You divide your resolution by this coefficient and you get the resolution in css. Your phone most likely has it equal to 3, so 1080/3=360, which is less than 768. mydevice.io/devices here this ratio is called "px ratio".