More rows in larger physical display

Question

I have a data table that displays 12 rows in a smaller screen. The resolution of screen is 1280x1024. I have to display more rows, say 20, in a device with larger physical screen but with same resolution as of smaller device.

How to go about it?

score 1 · Answer 1 · edited May 23 '17 at 12:22

1

if really you mean same pixel resolution but different physical size, then answer is you cant (at least not at desktops)

there is some not reliable workaround for phones

Getting the physical screen dimensions / dpi / pixel density in Chrome on Android

edited May 23 '17 at 12:22

Community

1
1

answered Jul 25 '16 at 06:13

Pepo_rasta

2,842
12
20

score 0 · Answer 2 · answered Jul 25 '16 at 08:12

0

If I understand your question correctly, I think CSS Media queries is probably your best bet. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

answered Jul 25 '16 at 08:12

k2snowman69

1,849
1
14
19

No, media query won't help. Since resolution is same for both devices. – Forkmohit Jul 25 '16 at 09:14
1

Hmm and using the dpi option on css media queries wont get you what you want either... Wish I had a better idea for you! – k2snowman69 Jul 26 '16 at 06:58

More rows in larger physical display

2 Answers2