用iframe插入广告时，应保留其自带width/height属性，再通过style="width:100%;max-width:728px;height:auto;"覆盖实现响应式，同时保留frameborder="0"、scrolling="no"和loading="lazy"以确保兼容性与性能。
广告横幅尺寸不对，直接改 width 和 height 属性最简单，但必须配合 max-width 或响应式容器，否则在手机上会溢出或模糊。
用 iframe 插入广告时怎么调尺寸？
第三方广告（如 AdSense、百度推广）通常给一段 iframe 代码，里面自带 width 和 height。不能删，但可以覆盖：
- 在
iframe标签上加style="width: 100%; max-width: 728px; height: auto;"，再配height="90"属性保留原始比例 - 必须加
loading="lazy"，否则广告资源会阻塞首屏渲染 -
frameborder="0"和scrolling="no"仍需保留，老广告平台依赖这些属性识别“无边框无滚动”状态 - 如果广告跑版，检查父容器有没有
overflow: hidden—— 某些联盟的浮动层会突破这个限制
用 img 做自定义广告位怎么控大小？
本地图片广告更可控，但容易因硬写 width/height 导致移动端拉伸：
- 删掉
img标签里的width和height属性（HTML 属性强制缩放，不响应） - 改用 CSS：
img { max-width: 100%; height: auto; }，让图片随容器缩放且保比例 - 如果广告容器本身要固定高宽（比如 728×90），给外层
div设width: 100%; height: 90px;，再加overflow: hidden;防止图片撑高 - 高清屏（Retina）下模糊？补一张 2x 图并用
srcset：srcset="ad-728x90@2x.jpg 2x"
为什么设了 width="728" 手机上还是超宽？
因为 HTML 的 width 属性是像素值，不随屏幕变化；浏览器不会自动把它转成响应式单位：
- 纯 HTML 属性（如
width="728"）优先级低于 CSS，但一旦写了，某些旧内核（如 iOS 12 WebKit）会锁定渲染尺寸，max-width失效 - 移动端必须靠 CSS 控制：要么用
width: 100%+ 父容器限制宽度，要么用vw单位（如width: 90vw） - 别信“加了
viewport就万事大吉”——<meta name="viewport" content="width=device-width">只影响视口缩放，不改变元素自身尺寸计算逻辑
真正难调的不是数值，而是广告加载时机和容器高度塌陷——图片没加载完时，height: auto 会让容器高度为 0，导致下方内容上跳。得用 aspect-ratio 或占位 padding-top 预留空间。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
