0

我希望能够有一部分内容（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缩放动态调整浮动开发者的大小。问题在于广告图片是静态尺寸，因此看起来仍然很小。

有任何想法吗？

谢谢！

4

1 回答 1

0

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

   <style type="text/css"> 
        iframe
        {        
            -webkit-transform: scale(1.5);
        }
    </style>
于 2013-09-24T19:05:53.940 回答