你不能。无论出于何种原因,移动设备上的浏览器都会一致地告诉您宽度为1in
(“一英寸”)的元素是 96 像素宽。实际分辨率是多少并不重要。他们都是这么说的。
解决问题的唯一方法是让设备制造商(和设备软件供应商)承担足够大小的“虚拟像素”的全部责任。换句话说,您必须信任 Apple、Google、Samsung、LG、HTC、摩托罗拉等,以向公众提供使您的 16 像素文本在用户正在查看的任何设备上都可以阅读的设备,而不管涉及多少真实像素带有一个 16 像素的字形。
有时,你输了;新的 iPad Mini 就是一个很好的例子,因为它报告的屏幕尺寸与 iPad 2 相同,但屏幕要小得多。这意味着你在 iPad 2 上漂亮而清晰的 16 像素在 iPad Mini 上非常小。您的网页几乎不可能确定它是在 iPad Mini 还是 iPad 2 上(设计使然!Apple故意这样做)所以最终结果是 iPad Mini 的不幸购买者病了 -由制造商提供。
相比之下,Nexus 7 平板电脑的实际屏幕分辨率高于iPad Mini,但它向您的网页报告的屏幕尺寸较小。这意味着您在该设备上的 16 像素文本看起来很棒 — Nexus 7 的所有者得到了该制造商的良好服务。
(您当然可以提供允许用户调整布局的工具。对于响应式网站,由于各种浏览器特性(错误),很难让一个可以通过熟悉的移动设备手势进行捏合/缩放的网站正常运行。)