zoukankan      html  css  js  c++  java
  • 苹果/安卓兼容性页面显示问题

    1,客户说清理缓存了,不一定是真的!要自己用代码测试!比如更改某些页面的显示内容,一定要注意,可能你会耗费很多时间!!!

    2,苹果和安卓的微信浏览器都是内置的x5内核,但是是不一样的版本!

    X5对于苹果安卓的的iframe的支持,不一致。iframe里面的ajax请求,在苹果页面会失效。能获得返回的参数,但是值都是空的。注意兼容

    x5等手机内核的浏览器,有个meta很重要,他决定了页面的显示 大小呢

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

    宽度等于设备的宽度————这里就可以使用100%比和rem布局。

    px在电脑上是绝对的大小,在手机上。如果 设置——<meta name="viewport" content="width=768px">,那么就是相对的单位了,表示屏幕的宽度是768px,那么每个px的大小会根据屏幕的大小,而变化 了!

    3,苹果手机上面,使用x5debug.qq.com是不行的,清理后一定要多次刷新页面,才会更新!

    4,防止苹果页面自动放大字体

    body { /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    }
  • 相关阅读:
    bugku 求getshell
    HTTP之content-type
    web之robots.txt
    HTTP之User-Agent大全
    bugku 细心
    PHP输入流
    bugku web8
    PHP中sha1()函数和md5()函数的绕过
    bugku 各种·绕过
    【学术篇】烧水问题 打表找规律做法
  • 原文地址:https://www.cnblogs.com/bluestear/p/10103222.html
Copyright © 2011-2022 走看看