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;
    }
  • 相关阅读:
    Android进阶篇系统缓存(一)
    Android提高篇自定义Menu(二)
    Android进阶篇Canvas Bitmap
    Android进阶篇分析伪3D旋转
    Android进阶篇捕获app错误信息
    Android进阶篇Service和广播
    Android进阶篇清除WebView的缓存
    Android进阶篇Parcelable包裹类
    Android进阶篇GestureDetector初探
    Android进阶篇下拉刷新
  • 原文地址:https://www.cnblogs.com/bluestear/p/10103222.html
Copyright © 2011-2022 走看看