我的响应式设计在 Blackberry (Curve 8520) 上扩展时遇到问题。在其他任何地方都很好用。
它使站点完全缩小得非常小,并且需要进行大量缩放才能以 100% 显示。
一切都以百分比设置,并使用媒体查询来定位屏幕尺寸,这工作正常,因为手机正在使用为此设备设置的样式,只是它完全缩小了。
我知道这可能取决于我的视口元标记的构建,并且基于网络研究尝试了许多替代方案,这些都包含在我尝试过的内容下方,但没有一个有效:
当前的:
<meta name="viewport" id="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=10.0,initial-scale=1.0" />
试过:
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="viewport" content="width=device-width">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
请注意,每一个用空格分隔的都是我尝试过的一组新代码。