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

    无个性不签名
  • 相关阅读:
    sss
    stm32cube使用
    FreeRTOS
    嵌入式网站
    CRC分段校验
    IAR编译器
    (转)UCOSII源代码剖析
    (转)stm32硬件IIC
    keil MDK注意事项
    (转).Net中自定义类作为Dictionary的key详解
  • 原文地址:https://www.cnblogs.com/qinweijie/p/14030095.html
Copyright © 2011-2022 走看看