>>The other big option is to use responsive design (CSS) to rearrange the layout of your page. You show and hide things based on the resolution of the screen. Some frameworks like Bootstrap can also help with automatically reflowing horizontal content vertically (ie. two column layouts become to stacked rows) etc.
>
>There must be more info deciding layout - LG G3/G4 have the same resolution as my (not totally current) 27' and in 10' tablets you can have density of just sub-HD. Sometimes I am not very sorry I am more of a bizlayer/backend dev ;-)

It's not ppi that is used by Bootstrap to determine layout but the total horizontal pixels. It has 4 'breakpoints' which affect layout:
< 768, 768 - 992, 992 - 1170, > 1170 (classed as Extra Small, Small, Medium and Large)