我的响应式设计在 Blackberry 上扩展时遇到问题(曲线 8520)。在其他任何地方都适用。
它让网站完全缩小非常小,需要大量放大才能显示为 100%。
一切都以百分比设置,并使用媒体查询来定位屏幕尺寸,这工作正常,因为手机正在使用为此设备设置的样式,只是它完全缩小了。
我知道这可能取决于我的视口(viewport)元标记的构造,并且根据网上的研究尝试了很多替代方案,这些都包含在我尝试过但没有一个有效的方案下面:
当前:
<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" />
请注意,每一个被空格分隔的都是我尝试过的一组新代码。
最佳答案
使用在此页面上找到的视口(viewport)标签设置,它应该可以工作。
https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
关于html - 响应式设计在 Blackberry 上得到扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13707749/