iframe中@media设置max-width和min-width时，
获取的宽度不是实际浏览器窗口的宽度，
而是iframe标签内的文档宽度；
且@media一次设置的min-width和max-width只能是一个连续的范围：
正确的分界：
（1） 0 — 1200；
（2） 1201 — 1400；
（3） 1401 — 无穷；
错误的分界：
（1） 0 — 1200 和 1401 — 无穷；
（2） 1201 — 1400；
如下正确：
iframe中的@media使用注意事项
最新推荐文章于 2026-06-23 19:29:58 发布
本文详细解析了在iframe环境中使用CSS的@media查询时，max-width和min-width的正确设置方式。阐述了@media查询在iframe中获取的是内部文档宽度，而非外部浏览器窗口宽度，并明确了连续范围设置的重要性。
扫一扫
1196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
