What is the ratio of port width, height and port size for Google Pixel and Google Pixel XL devices

Question

I am developing a website and want to see how it works on Google Pixel and Google Pixel XL devices. Since I do not have access to these devices, I need to know the width, height and port height of the device for these devices.

I tried a google search but didn't find anything useful. The latest Chrome also does not list the sizes of these devices in the developer tools.

It will be really useful if someone has access to these devices, can display the required information.

Answer 1

Both Pixel and Pixel XL are listed to have a css pixel resolution of 411 × 731, with a device pixel ratio of 2.6 and 3.5, respectively.

Source: https://material.io/devices/ , which is a Google site.

This is strange, although most phones get more efficient pixels as the screen size increases, instead of just blowing more and getting a higher dppx (dots per pixel).

This makes the Lord Flash jive from a smaller pixel; but doesn’t help validate the Pixel XL. If someone can post a screen capture from Pixel XL, I could determine the scaling.

Answer 2

A normal pixel has a resolution of 1080 x 1920 pixels (pixel density ~ 441 pixels)

Pixel XL has a resolution of 1440 x 2560 pixels

Here is also a screenshot of the usual. Feel free to measure any aspect you want:

Answer 3

Do you have a Google pixel in hand?

load the page using JS code

var viewport = { width : $(window).width(), height : $(window).height() }; alert(viewport.height); alert(viewport.width);