<div dir="rtl"><div>in now days we have different sizes of displays some of them huge with low resolution and some of them normal but with very tiny dots.</div>
<div>usually the DPI of the development machine is matching the dpi of the VIEWER but sometimes it doesn't</div>
<div>when progress comes and new displays with higher DPI are manufactured no one buy them because all the text will be very small and unreadable.</div>
<div> </div>
<div>i think the missing link between pixels and other real life measures is missing.</div>
<div>maybe like:</div>
<div><meta name="page_dpi" value="96"></div>
<div>96 is a dipi of my LCD monitor.</div>
<div>72 is the dpi of crt monitor.</div>
<div>maybe to define it in css </div>
<div>@@set_dpi = 96</div>
<div>or </div>
<div>BODY {display-dpi:96;}</div>
<div>or </div>
<div>.mydiv {display-dpi:96;}</div>
<div>or </div>
<div>.mydiv {font-size:20px@96dpi;}</div>
<div>
<div>or any how</div></div>
<div> </div>
<div>the most common usage of pixel sizes is to match between the size of text and images.</div>
<div>the images are in pixels and the fonts are in pixels and i want to </div>
<div>[left side image of text bar, align=baseline] some text [right side image of text bar, align=baseline]</div>
<div>if the text is small everything is ok</div>
<div>but if the text get very large it usually displayed incorrectly.</div>
<div> </div>
<div>i think pixels also want to grow when zoomed in but they also want to match the sizes of images </div>
<div> </div>
<div>second case that i can guess is fixed div positioning but here i am unsure.</div>
<div> </div>
<div>what do you think about supporting dpi?</div></div>