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

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

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

我知道我可以要求用户省去看文本，但我更喜欢它自动填充整个页面

---

有人有什么建议吗？

经过一番搜索、一些猜测和荣毅敏的建议，我们得出了这个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);
        }
}

---

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

您可以在此处找到答案：

将这些标签放在您的头部区域：

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