我正在尝试使用 CSS @media 标签为移动设备设置相应的 Web 应用程序样式。
我可以访问两个可以测试开发的移动设备:Nexus S 和旧的 iPod Touch,它们都有低分辨率屏幕。
声明我的元标题时,我选择了target-densitydpi=device-dpi以使事物看起来清晰而不会受到太多骚扰,否则屏幕上会出现奇怪的线条和事物(使用 android chrome 浏览器)。
现在,我担心在具有超高 DPI 的新设备高分辨率设备上,事情会显得非常微小。
我在这里搜索并阅读了各种查询,但我真的不明白我需要在这里做什么。
我可以将图像缩放 2 倍、3 倍、4 倍等,这没问题,但是我的一些块级元素(例如标题块)具有以像素为单位的确定高度,如果 Nexus S 的 800 到 480 像素屏幕显示在一种方式,我想知道例如具有 1280-720 显示屏的 Galaxy S 或 iPhone 4 和 5 会如何显示它们?
我需要如何声明我的标签以及如何解决这个可能的问题?