1

  • 示例页面：256.cz/test/ 代码：meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no , 目标密度dpi=设备-dpi"

  • 移动视图和普通视图的 CSS 样式相同

  • 来自 Android Market 的最新 Opera Mini（Android 版本 2.1） - 规模不是 100% :-(
  • 来自站点 Opera 的最新 Opera Mini（Windows Mobile 6.1，Native Opera Mini，不是 Java）- 规模不是 100% :-(
  • 来自 Opera 网站的最新 Opera Mini（索尼爱立信 W995） - 比例 100% :-)
  • 来自 Opera (BlackBerry) 网站的最新 Opera Mini - 比例 100% :-)

如何在所有移动设备上实现正确显示（缩放 100%）？

4

1 回答 1

1

Opera Mini 会将设备宽度设置为有意义的值，考虑字体大小等。例如，在 HTC Desire 上，默认缩放级别为 170%，导致设备宽度为 282 像素（480 像素/1.7）。target-densitydpi=device-dpi 但仅受 Opera Mobile 支持，Opera Mini 不支持。

也就是说，目前在 Opera Mini 上没有办法强制 1 CSS 像素等于 1 设备像素。

于 2011-07-23T22:28:16.393 回答