网页通过iframe嵌入百度地图API时怎么自适应屏幕？iframe地图自适应思路

通过 iframe 嵌入百度地图 API 时自适应屏幕。本文用问答对话形式，讲清 iframe 地图自适应思路。

问： 我想让网页 iframe 嵌入的百度地图自适应屏幕，怎么做？

答： 1、iframe 标签按照常规响应式的样式写就可以了，比如：iframe 设置宽度 100%、最小高度（默认样式），再加媒体查询：小屏（max-width:640px）时最小高度调小，中屏（min-width:750px 且 max-width:800px）时最小高度调整……。思路是：iframe 宽度 100% + 媒体查询调高度自适应。

问： 具体怎么理解？

答： 思路是：iframe 100% 宽 + 媒体查询。改完地图就自适了。

问： 要注意什么？

答： 一是响应式样式；二是媒体查询；三是改完实测。