Re: [dip] Proposal for display size and density independent pixel.

Why not just 1dip; ?

In "ideal, well thought CSS world" 1px should be a physical device pixel
and
1dip should be a 1/96 of inch measured on *device rendering surface*
(screen, paper).

Current CSS way of defining physical size of 1px (using view angle and
arbitrary distances [1]) is quite strange (at least).

If I need to define button size to be comfortably touchable then I want it
be width:96dip
That width:96dip will occupy exactly the same area on different devices.
Finger touch area does not depend on how hand is stretched.

That's why "measured on device rendering surface" requirement. Can we have
something like this in CSS?

[1] https://www.w3.org/TR/CSS21/syndata.html#length-units

-- 
Andrew Fedoniouk.

http://sciter.com



On Tue, May 24, 2016 at 8:19 PM, Prashant Kisanrao Nevase <
prashant.n@samsung.com> wrote:

> Dear CSS Working Group,
>
>
>
> There are many displays for different devices available for rendering the
> contents. e.g. big screens, projected screens, TVs, computer monitors,
> tablets, IVI displays, phablets, phones, wearables, etc. These displays
> have different sizes and different resolutions and number of pixels or dots
> per inch (display pixel density or simply called display density) varies
> for different displays. Due to this writing the contents which will work
> across different displays seamlessly or with less modification has become
> difficult and content developer has to consider many different displays
> e.g. different contents for mobile devices, desktop monitors, etc.
>
>
>
> I want to propose "pixel", making it independent of "display size" and
> "display densities". Many mobile platforms (Android, iOS, WinMo, Tizen,
> etc.) support display density independent pixel, but display size (pixels
> measured diagonally) is not taken care any of the platform. Hence contents
> rendered gets occupied differently on different displays. Also desktop
> platforms do not support this. So web page opened on 12 inches display
> looks different than it opened on 21 inches display.
>
>
>
> Making this css standard will help web pages render with similar layout on
> any display.
>
>
>
> It proposes having new meta name "pixel" as given below -
>
>
>
> <meta name="pixel" content="baseline-density=640;" ></div>
>
>
>
> Then pixel scale factor for computing DIP (display independent pixel) is
> as given below -
>
>
>
> device_baseline_density = baseline_density / display_size;
> pixel_scale_factor = dots_per_inch / device_baseline_density;
>
>
>
> where
>
> baseline_density = Value of baseline-density property [input from web page]
> display_size = Display size in inches (measured diagonally) [taken from
> platform]
> device_baseline_density = Baseline density for the target display on which
> web page is to be rendered. [output]
> dots_per_inch = Number of pixels per inch on the target display. [taken
> from platform]
> pixel_scale_factor = Scale factor for pixel for target display [output]
>
>
>
> By multiplying the css pixel by pixel scale factor, we get similar layouts
> for the contents.
>
>
>
> For more details, kindly have a look at
> https://github.com/prashant-samsung/dip/
>
>
>
> ~ Prashant Nevase
>
>
>
>