iPhone safari不会缩放部分内容

iPhone safari do not scale (zoom) portion of content

本文关键字：缩放部 safari iPhone      更新时间：2023-09-26

我希望能够有一部分内容（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的大小。这个问题是广告图片是静态的，所以看起来仍然很小。

有什么想法吗？

谢谢！

这可以通过在css中使用-webkit transform:scale并检测dom宽度和调整小数位数来完成。

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