4

I have some trouble replicating a website responsive issue using Samsung Note 5. The display is messed up when using the said device. I tried using chrome dev tool and adjust sizes for a chance to replicate it but no luck. I also search the internet but I can't see note 5 viewport size.

I tried 360x640 but it displays with no issues so I think this is not the right viewport for the Note 5. Any help would be much appreciated.

mrk
  • 8,059
  • 3
  • 56
  • 78
claudios
  • 6,588
  • 8
  • 47
  • 90

3 Answers3

2

From this site

Screen Size (X - Horizontally): 1440

Screen Size (Y - Vertically): 2560

Pixel Ratio: 4.0

Portrait

It is 360 x 640

The site also allow you to enter any URL and render it in a virtual galaxy note 5

Side Note

The material design project have a web directory in which they listed the display details of many well known mobile phones

Alternate Site

This site also allow you to render a url into a virtual galaxy note 5

Disclosure affiliation : I am in no way affiliated with any of the sites and also not an official representative of it/them

Community
  • 1
  • 1
Sagar V
  • 12,158
  • 7
  • 41
  • 68
  • Hi! Thanks for the information. I tried `360 x 640` but the result is not what I expected. The responsive site tester is great though but for some reason, it won't render the site. – claudios Jun 19 '17 at 12:13
  • @claudios what is the url? – Sagar V Jun 24 '17 at 10:44
  • sorry but the site is confidential. Tried it but I wonder why it won't render. Thanks anyway – claudios Jun 26 '17 at 14:13
2

According to statistics

Pixel size: 1440 x 2560
ViewPort size: 480 x 853

Also you can get this information with javascript:

var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
1
Samsung Galaxy Note 5
screen size: 1440 x 2560
viewport: 480 x 853
jAC
  • 5,195
  • 6
  • 40
  • 55
Kosh
  • 16,966
  • 2
  • 19
  • 34