uni-app 部分信息流广告错位不能自适应

uni-app 部分信息流广告错位不能自适应

问题：只有出现下图类型的广告，就错位，无法自适应，其他类型的广告就正常

img

代码:

<ad adpid="1237883280" unit-id="" appid="" apid="" type="feed"></ad>
3 回复

广告错位，怎么还没修复，快来人确认bug啊

更多关于uni-app 部分信息流广告错位不能自适应的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请联系 QQ: 87263426

这是一个常见的 uni-app 广告组件布局问题。从图片和代码来看，信息流广告错位通常是由于广告内容与页面布局不匹配导致的。

问题分析：

  1. 广告组件本身具有固定宽高比例，但容器样式未正确约束
  2. 不同类型广告的尺寸差异导致布局错乱
  3. CSS 样式冲突影响了广告组件的正常渲染

解决方案：

.ad-container {
  width: 100%;
  overflow: hidden;
}
ad[type="feed"] {
  width: 100%;
  min-height: 200rpx;
}

或者尝试给广告组件添加明确的样式约束：

<view class="ad-wrapper">
  <ad adpid="1237883280" type="feed" class="custom-ad"></ad>
</view>

.ad-wrapper {
  position: relative;
  width: 100%;
}
.custom-ad {
  width: 100%;
  height: auto;
}
回到顶部