iframe内媒体查询的问题

我需要在pc端的页面嵌套移动端的登录页，而登录页使用了媒体查询来做自适应浏览器，手机浏览器展示移动端样式，没有单独的移动端url
iframe不能设置ua，只能去嵌套的登录页处理，登录页的媒体查询使用了
···css
@media only screen
and (max-device-width: 640px)
and (-webkit-min-device-pixel-ratio: 2) {
}
···
这两个都是针对移动设备的，难怪响应式不生效
也不能影响之前的样式，就在前面添加新的。

这媒体查询还没有合写，代码不能引用
···css
@media only screen
and (max-width: 640px) {
}
@media only screen
and (max-device-width: 640px)
and (-webkit-min-device-pixel-ratio: 2) {
}
···

总结

iframe的媒体查询没有问题，问题在于使用了max-device-width和-webkit-min-device-pixel-ratio: 2限制为移动设备