如何限制自适应广告尺寸

时间:2020-11-02 15:42:13

标签: javascript html css

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

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

1 个答案:

答案 0 :(得分:0)

假设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

相关问题