iOS7 Safari iPhone 上显示的嵌入式 twitter 提要看起来太小了答案

【问题标题】：Embedded twitter feed looks too small displayed on iOS7 Safari iPhoneiOS7 Safari iPhone 上显示的嵌入式 twitter 提要看起来太小了
【发布时间】：2014-08-19 10:31:42
【问题描述】：

我在网页中嵌入了一个 twitter 提要。在 iOS7 Safari iPhone 上，它被压缩成一个小矩形。

我已经尝试过转换每个可能的元素，嵌入到 div、表格等中。它似乎永远不会改变大小。

我知道我可以要求用户张开手指来查看文本，但我希望它自动填满整个页面。

有人有什么建议吗？

【问题讨论】：

标签： css ios7 twitter safari xhtml

【解决方案1】：

经过一番搜索，来自一敏荣的一些猜测和建议，想出了这个似乎可行的 CSS：

@media screen and (max-device-width: 640px) and (-webkit-max-device-pixel-ratio: 2)
{
    iframe[id^='twitter-widget-']
        {
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-transform: scale(1.85);
            transform: scale(1.85);
        }
}

【讨论】：

【解决方案2】：

在 iPhone 上看到您的页面，看起来很棒！在您的 CSS 中，您可以使用 -webkit-min-device-pixel-ratio: 1 或 -webkit-max-device-pixel-ratio: 2 添加过滤并删除 -mos-、-ms- 和 -o- 转换。

【讨论】：

【解决方案3】：

您可以在这里找到答案： https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

将这些标签放在你的头部：

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name = "viewport" content = "initial-scale = 1.0">

【讨论】：