时间戳

首页 > 解决方案 > 如何限制自适应广告尺寸

javascript - 如何限制自适应广告尺寸

问题描述

我的响应式广告在台式机上运行良好，但在移动设备上却显示出巨大的障碍。我想将移动设备上的广告尺寸限制为“320*50”，但我不知道如何编辑代码。

这是我的自适应广告代码 <div data-ad="mywebsite_responsive_horizontal_one" data-devices="m:1,t:1,d:1" class="demand-supply"></div>

标签： javascripthtmlcss

解决方案

假设 div 包含您的广告，并且广告没有覆盖宽度和大小，请添加样式属性：

<div data-ad="mywebsite_responsive_horizontal_one" data-devices="m:1,t:1,d:1" class="demand-supply" style="width: 320px; height:50px"></div>

或者在css文件中创建一个css类，然后添加：

CSS：

.smaller-ad { width: 320px; height:50px }

HTML：

<div data-ad="mywebsite_responsive_horizontal_one" data-devices="m:1,t:1,d:1" class="demand-supply smaller-ad"></div>

编辑：如果有时添加实际上更小，您可能想要使用 max-height 和 max-width 代替

推荐阅读