zoukankan      html  css  js  c++  java
  • iframe内媒体查询的问题

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

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

    总结

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

    无个性不签名
  • 相关阅读:
    BugKu web 矛盾
    BugKu 域名解析
    Dummy game
    BugKu 变量1
    BugKu web5
    递归算法
    Django进阶(转载)
    centos 7防火情配置
    cenos7切换阿里源
    centos7 编译安装nginx
  • 原文地址:https://www.cnblogs.com/qinweijie/p/14030095.html
Copyright © 2011-2022 走看看