响应式设计在黑莓上横向扩展

Question

我的响应式设计在黑莓上扩展时遇到了问题(曲线8520)。在其他地方都很好用。

它的网站完全缩小，非常小，并需要大量的缩放，其中它需要显示在100%。

一切都是以百分比设置的，并使用媒体查询来确定屏幕大小，这工作得很好，因为手机使用的是为此设备设置的样式，只是它完全缩小了。

我知道这可能是因为我的viewport meta标签的构造，我已经尝试了很多基于网络研究的替代方案，下面是我尝试过的，但都没有成功：

当前：

<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" />

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

Answer 1

使用在此页面上找到的视口标记设置，它应该可以工作。

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