我正在研究一种独特的应用程序,它需要根据显示的设备生成特定分辨率的图像.因此,在常规Windows浏览器(96ppi),iPhone(163ppi),Android G1(180ppi)和其他设备上的输出是不同的.我想知道是否有办法自动检测到这一点.
我最初的研究似乎说不.我看到的唯一建议是在CSS中创建一个宽度指定为"1in"的元素,然后检查它的offsetWidth(另请参阅如何通过javascript访问屏幕显示的DPI设置?).有道理,但iPhone用这种技术骗我,说它是96ppi.
另一种方法可能是以英寸为单位获取显示尺寸,然后除以宽度(以像素为单位),但我不知道如何做到这一点.
我有一个div,我在其中动态添加数据,我想得到特定div的高度,以厘米为单位.因为我需要根据高度控制可以在div中显示的数据量.
我正在创建一个用于显示ECG的Web应用程序,这些应用程序通常在5mm方形网格上以固定比例(10 mm/mV和25 mm/s)绘制.使用正确尺寸非常重要,因为读者会将他们在屏幕上看到的内容与可能仅存在于纸上的其他ECG进行比较.
最推荐的解决方案是使用CSS来设置div的样式,使其具有(例如)1"乘1"的绝对尺寸,并使用JavaScript获取其高度和宽度(例如,参见如何检测屏幕DPI使用PHP或JavaScript).显然,这只有在浏览器知道(或可以发现)答案并且可以被欺骗透露它时才能起作用.我在Linux,Mac OS X和Windows上测试了这种方法,使用Chrome,Firefox,MSIE,Opera,Safari和Android浏览器,设备范围从智能手机(217 dpi)到19"(108 dpi),20"和30"(101 dpi)显示器,并且在所有情况下报告的分辨率为96 dpi.我的结论是这种方法不如手表损坏准确,除非你碰巧有一个96 dpi显示器,我正在寻找为了更好的东西.
我正在考虑只显示一个可调整大小的矩形,并要求用户将其调整为已知大小.有没有人已经这样做了(如果是的话,如何),或者有人有其他建议(例如在监视器数据库中查找屏幕大小)?
我已经阅读了这里和其他地方的相关讨论,很快就会找到图形绝对大小无关紧要的原因,只有细节的数量.我理解为什么这通常是正确的,但在这种情况下并非如此.
我有一个CSS样式表,它使用媒体查询来根据宽度的多少英寸来改变页面的显示方式(例如,如果它小于4英寸或者在手持设备上显示,它会假设更具移动性 - 友好的LAF).
我遇到的问题是它的内容.在主页上,有一个停靠式界面,可根据窗口的当前高度和宽度动态更改高度,以便文本和项目永远不会离开屏幕.但是,确定此大小的我的JS不知道样式表何时更改为手持设备或小屏幕,因此在此模式下行为继续无法预测.当页面小于或等于4英寸时,如何使用JavaScript检测,以便我可以禁用当时重新设置的扩展坞的自动调整大小?
javascript ×3
dpi ×2
calibration ×1
css ×1
document ×1
inches ×1
jquery ×1
mobile ×1
ppi ×1
width ×1