相关疑难解决方法(0)

从JS/CSS检测系统DPI/PPI?

我正在研究一种独特的应用程序,它需要根据显示的设备生成特定分辨率的图像.因此,在常规Windows浏览器(96ppi),iPhone(163ppi),Android G1(180ppi)和其他设备上的输出是不同的.我想知道是否有办法自动检测到这一点.

我最初的研究似乎说不.我看到的唯一建议是在CSS中创建一个宽度指定为"1in"的元素,然后检查它的offsetWidth(另请参阅如何通过javascript访问屏幕显示的DPI设置?).有道理,但iPhone用这种技术骗我,说它是96ppi.

另一种方法可能是以英寸为单位获取显示尺寸,然后除以宽度(以像素为单位),但我不知道如何做到这一点.

javascript css mobile dpi ppi

48
推荐指数
6
解决办法
6万
查看次数

使用jquery获取div的高度(以厘米为单位)?

我有一个div,我在其中动态添加数据,我想得到特定div的高度,以厘米为单位.因为我需要根据高度控制可以在div中显示的数据量.

javascript jquery

12
推荐指数
3
解决办法
1万
查看次数

如何在Web浏览器中以适当的比例显示5mm网格?

我正在创建一个用于显示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显示器,我正在寻找为了更好的东西.

我正在考虑只显示一个可调整大小的矩形,并要求用户将其调整为已知大小.有没有人已经这样做了(如果是的话,如何),或者有人有其他建议(例如在监视器数据库中查找屏幕大小)?

我已经阅读了这里和其他地方的相关讨论,很快就会找到图形绝对大小无关紧要的原因,只有细节的数量.我理解为什么这通常是正确的,但在这种情况下并非如此.

calibration dpi

6
推荐指数
1
解决办法
480
查看次数

以英寸为单位确定网页的宽度

我有一个CSS样式表,它使用媒体查询来根据宽度的多少英寸来改变页面的显示方式(例如,如果它小于4英寸或者在手持设备上显示,它会假设更具移动性 - 友好的LAF).

我遇到的问题是它的内容.在主页上,有一个停靠式界面,可根据窗口的当前高度和宽度动态更改高度,以便文本和项目永远不会离开屏幕.但是,确定此大小的我的JS不知道样式表何时更改为手持设备或小屏幕,因此在此模式下行为继续无法预测.当页面小于或等于4英寸时,如何使用JavaScript检测,以便我可以禁用当时重新设置的扩展坞的自动调整大小?

javascript document width inches dynamic-resizing

6
推荐指数
1
解决办法
3877
查看次数

标签 统计

javascript ×3

dpi ×2

calibration ×1

css ×1

document ×1

dynamic-resizing ×1

inches ×1

jquery ×1

mobile ×1

ppi ×1

width ×1