《合集》遭遇BUG汇总

添加时间:2018-12-24
PC端
问题

解决方案

fixed宽度溢出

pof,w750,ml-375,l50%,t0,b0

ie11 table -> td 边框显示不正常

border-collapse: collapse;在td{por}的情况下 会导致边框失效变白。

并且boxshadow失效。

safari img{h100不识别};部分css3 transform不支持;img.load()存在bug

img{绝对定位转化block}

优雅降级设置 safari & {.tfn()}

img.load 检测safari取消.load后续效果

解决的办法是给Flash设置透明属性

param name="wmode" value="transparent" /或者 param name="wmode" value="opaque" /

ie疑似不识别.nw给高度
chrome 视频不自动播放&去掉播放控件

muted 静音播放  video muted autoplay loop src="" height="0">

加控件伪类

&::-webkit-media-controls, &::-moz-media-controls, &::-webkit-media-controls-enclosure{display:none !important; }

&::-webkit-media-controls-panel, &::-webkit-media-controls-panel-container, &::-webkit-media-controls-start-playback-button {display:none !important; -webkit-appearance: none; }

无法引用外链img等。

添加。、 meta name="referrer" content="no-referrer"/

手机端
问题

解决方案

fixed宽度溢出

pof,w750,ml-375,l50%,t0,b0

ip4 背景fixed 有问题

转化为img 使用position:fixed

安卓4.4左右版本 img (height:100%失效)

图片设置宽高rem才能按比例压缩

ios: name验证问题。 || label联动click有问题

只验证isNull || 替换click为touched联动lable。

lazyload 触发存在问题

js判断直接替换src,降级体验

响应后的导航背景出现 内容无

未解。

rem写法 部分小数px造成的等比元素椭化

使用border实现。

禁止微信等浏览器的内部body滚动导致的看到黑背景+内核等

addEvent($b[0],TouchIng,function(event){ return !1; },!1);

移动端video层级过高bug

video:none & img:block 代替视频。 播放后video:block img:none;

uc浏览器定时器重置无效&指数级增长

判断为uc 直接取消定时器。。

ios等移动端可能出现的 fixed 会因为body高度不够 被隐藏掉

body {min-height:100vh}