我有一个web应用程序,它正被桌面、平板电脑和手机上的浏览器使用。工具栏(用HTML制作)在平板电脑和桌面上使用时,需要有16 x 16的按钮,然后是48 x 48的手机按钮。原因是,16 x 16在台式机和平板电脑上是一个很好的尺寸,但在手机上(iPhone 4/4s等)太小了。48 x 48在台式机和平板电脑上太大了,但在我们测试过的手机上却很完美。
如何使用Javascript对此进行必要的检测?
我想,以英寸或毫米为单位检测物理屏幕尺寸将是一个很好的方法。在浏览器中可以做到这一点吗?我看过一些以像素为单位检测屏幕分辨率的信息,但在我看来,这似乎是有缺陷的,因为手机和平板电脑之间的分辨率