2

我的响应式设计在 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" />

请注意,每一个用空格分隔的都是我尝试过的一组新代码。

4

1 回答 1

0

使用此页面上的视口标签设置,它应该可以工作。

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

于 2013-05-23T23:36:05.430 回答