Screen resolution, display resolution, which affects responsive web on mobile devices

As you know, responsive web is the trick or web design trend to meet the best display on any screen size and give users the best web experience. This trick is developed based on the size (width) of the screen with the measurement unit of px (Pixel). However, a mobile device will have two parameters: screen resolution and display resolution, so which one will be responsive to the web? We will find out later:

SCREEN RESOLUTION

Screen resolution, also known as the physical resolution of the screen, is an indicator of mobile device manufacturers, it is also a parameter that informs the maximum resolution that this screen panel can display.

SO DISPLAY DISTRIBUTION?

The display resolution is also called the actual resolution of the screen and is set by the operating system. It is within the level that screen resolution allows. For example, if a mobile device has a screen resolution of HD (720 × 1280), its display resolution will be within the range (A x B) in which A ≤ 720, B ≤ 1280.

The question is: 2 devices differ in screen resolution but are similar in display resolution, the content is the same or not?

Answer: Completely the same!

Just like on the desktop, if you adjust your resolution to a lower resolution, the icons will get bigger and vice versa, in order for the icon to be smaller, you can't set the display resolution to exceed. Physical resolution parameters of the screen. On mobile devices as well, the display resolution determines the display content, not the screen resolution.

FOR RESPONSIVE WEB

Display resolution is the deciding factor for your web responsive. And for the current product lines most have a common display standard of width, you can refer to some of the information we updated as follows:

– Most Android devices: 360 x 640 px.

– Note 5: 411 x 731 px.

– Iphone 6 / 6s: 375 x 667 px.

– Iphone 6 / 6s plus: 414 x 736 px.

Also, if you want to know how much resolution your mobile device is, go to this wed page

http://www.whatismyscreenresolution.com .

So is the question about screen resolution and display resolution resolved. Wish you web responsive as you wish!

Author: Bach Thanh Tuan

ITZone via bibe