iPhone Safari 不缩放（缩放）部分内容答案

【问题标题】：iPhone safari do not scale (zoom) portion of contentiPhone Safari 不缩放（缩放）部分内容
【发布时间】：2013-08-08 18:54:54
【问题描述】：

我希望能够让一部分内容（320x50 广告）漂浮在我的主要网站内容之上，但不会被 safari 缩放（缩小）。我要解决的问题是广告是静态尺寸，当 safari 缩小网站时，移动广告变得很小。我不想制作特定于移动设备（网站的 320 宽度版本）。

我可以在标题中添加它，但没有任何内容被缩放：

    <meta name = "viewport" content = "initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

我尝试在 iframe 中运行该元标记，但没有效果。我想知道是否有 iframe、css 或 javascript 解决方案。

我能想到的唯一 javascript 解决方案是浮动 div 并检查页面宽度/高度，然后根据 iphone 缩放动态调整浮动 dev 的大小。这样做的问题是广告图片是静态尺寸，所以看起来仍然很小。

有什么想法吗？

谢谢！

【问题讨论】：

【解决方案1】：

这可以通过使用 -webkit-transform: scale in css 并检测 dom 宽度并调整比例数来完成。

   <style type="text/css"> 
        iframe
        {        
            -webkit-transform: scale(1.5);
        }
    </style>

【讨论】：