iframe中的@media使用注意事项

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；

 

如下正确：