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限制为移动设备

    无个性不签名
  • 相关阅读:
    什么是操作系统
    去除按钮点击的边框
    unsupported time zone specified undefined
    w3c JS测试
    视频播放器
    document.write
    HTML4到HTML5
    MPU6050
    NRF24L01模块配置
    4-Four-Seeing hands
  • 原文地址:https://www.cnblogs.com/qinweijie/p/14030095.html
Copyright © 2011-2022 走看看