问HTML创造性模板与额外的html/body标记一起使用
EN

Stack Overflow用户

提问于 2014-09-23 16:44:46

回答 1查看 721关注 0票数 0

我正在构建一个响应HTML创意模板，以服务于全屏广告。该广告显示在移动设备上，运行iOS 6-7，使用DFP SDK的6.8.0版本。我注意到，当使用模板提供广告时，DFP会用额外的html/body标记包装我的HTML (参见下面的注释)：

<!-- the code below is from DFP --> 
<html><head>
<meta name="viewport"content="width=device-width,height=device-height,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0"/>
</head><body leftMargin="0" topMargin="0" marginwidth="0" marginheight="0">
<!-- my code starts here --> 
<html>
<head>
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
</head>
<body>
...
<!-- my code ends here -->  
<!-- the code below is from DFP --> 
</body></html>

我遇到的问题是，注入的HTML代码中的height=device-height使我的广告可以滚动。我的广告显示在中，由于未知的原因，device-height和device-width默认为相同的值--，设备宽度。上面的HTML是无效的，因为嵌套的html/body标记和我无法控制视口定义来删除错误的height=device-height。

问题：

是否有一种方法可以抑制DFP生成的包装HTML (<html>...</html>)并依赖于我的代码来提供它(这样我就可以提供自己的viewport)
广告的景观视图默认宽度和高度为设备宽度的任何线索。

google-dfp

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-29 21:47:43

最后，我使用Javascript更新了标题：

<script type="application/javascript">
   var meta = document.getElementsByTagName("meta")[0];
   meta.setAttribute("content", 'width=device-width,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0');
</script>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26000426

复制

相似问题

问HTML创造性模板与额外的html/body标记一起使用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML创造性模板与额外的html/body标记一起使用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML创造性模板与额外的html/body标记一起使用
EN