Quad HD vs 1080p?

Locked
User avatar
bjorntj
Posts: 277
Joined: 30 Jul 2010, 10:46

10 Jun 2016, 23:38

I have just changed my mobile from a Nexus 5x (1080p) to a HTC 10 (Quad HD) and I am just wondering why this is happening (since the quad hd has larger resolution)..:

I have a webpage with a datatable where I am using this theme. In portrait mode, I see one column for each row on both the mobiles, as expected. But in landscape mode, I see all the columns in one row using my old Nexus 5X but on my new HTC 10, I still see one column pr row... What am I missing?


Regards,

BTJ
PrimeFaces 11.x | PrimeVue 3.x | Spring Boot 2.7.x | Undertow | Mojarra 2.3.x
Mac OS, Firefox and Chromium

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

16 Jun 2016, 14:39

Hi Bjorntj,

Sorry for my late reply! I was working on some issues about Layouts and Themes.

Can you please attach a screenshot and sample codes for us to replicate? Also, can you please try http://www.primefaces.org/titan/datatable.xhtml on your devices?

User avatar
bjorntj
Posts: 277
Joined: 30 Jul 2010, 10:46

16 Jun 2016, 23:21

No problem... :)

I tried your link and the same problem appear there. I have included a screenshot from each of the mobiles in landscape view looking at the datatable.xhtml page.. (the first is the Nexus 5X and second is the HTC 10)


Image


Image
PrimeFaces 11.x | PrimeVue 3.x | Spring Boot 2.7.x | Undertow | Mojarra 2.3.x
Mac OS, Firefox and Chromium

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

20 Jun 2016, 09:15

Thanks for the screenshots. I'll check and get back to you.

User avatar
bjorntj
Posts: 277
Joined: 30 Jul 2010, 10:46

12 Aug 2016, 10:58

Did you find any reasons for this?
PrimeFaces 11.x | PrimeVue 3.x | Spring Boot 2.7.x | Undertow | Mojarra 2.3.x
Mac OS, Firefox and Chromium

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

23 Aug 2016, 13:23

I think the "dp" values of these two phone are different from each other. Therefore, these differences can occur on devices.
I tested with chrome developer tools using HTC One 9 and Nexus 5x values in https://design.google.com/devices/. I could see a view like your screenshot.
HTC One 9 -> 1080x1920px 360x640dp
Nexus 5X -> 1080x1920px 411x731dp
http://stackoverflow.com/questions/2025 ... on-android
We use px values to write media queries, but I think they are effected by dp values. Maybe, you can write new queries depends dp values; https://css-tricks.com/snippets/css/ret ... dia-query/

Locked

Return to “Titan”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests