奈福网络科技是专业从事上海网站建设的公司。昨天我们奈福的小伙伴们接到一个哥们的求助，说他们请别的网络公司开发的官网，在手机上显示有问题，请我们奈福网络的小伙伴们帮忙看一下。
 

奈福网络通过分析研究：

访问他们的官网域名，在手机模式下，看似有了自适应，但文字却特别小。


而使用苹果手机测试，居然更加离谱，连自适应都没有，实在是太诡异了~~



通过浏览器查看源文件，了解到，居然是使用www域名，下面嵌套了一个二级域名的iframe框架，这种实在是不太可取，尤其是对搜索引擎SEO特别不友好。先不管SEO了，先直接访问二级域名看看~



咦~ 您还别说，显示正常了~


苹果手机上也显示正常，皆大欢喜~~
 

最后总结一下：
在手机模式下，css样式中媒体查询在iframe里面的是无法工作的