美文网首页
移动端问题会汇总

移动端问题会汇总

作者: 逛简书的小强 | 来源:发表于2019-04-30 14:16 被阅读0次

移动端点击出现阴影

a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}

ios不支持new Date('2016-01-01 00:00:00') 的解决办法

将2016-01-01格式改为2016/01/01即可

video播放器常用属性

// 行内播放
webkit-playsinline="true"
playsinline="true"
x5-playsinline="true"
// 启用H5同层播放器
x5-video-player-type="h5"
// 全屏方式
x5-video-player-fullscreen="true"
// 允许airplay(通过AirPlay可以把当前的视频投放到支持此技术的其他设备上。)
x-webkit-airplay="allow"
// 控制横竖屏( landscape 横屏, portraint竖屏)
x5-video-orientation="portraint"
// 帮助用户在显示其自己的控件集时选择要在媒体元素上显示的控件
// nodownload: 隐藏下载按钮  nofullscreen:隐藏全屏按钮 noremoteplayback:隐藏远程播放
controlslist="nodownload"
// preload 属性规定是否在页面加载后载入视频。如果设置了 autoplay 属性,则忽略该属性。
// auto - 当页面加载后载入整个视频
// meta - 当页面加载后只载入元数据
// none - 当页面加载后不载入视频
preload="auto"
// 启用video默认的控制栏
controls
// 自动播放
autoplay

chrome,微信获取滚动距离的方式不一样

const scrollTop = window.pageYOffset || document.documentElement.scrollTop;

相关文章

  • 移动端问题会汇总

    移动端点击出现阴影 a,img,button,input,textarea,div{-webkit-tap-hig...

  • 移动端问题汇总帖

    博客和实战中总结出来的问题目录,更具体的内容参见参考来源。 fixed定位问题:Android:表现较好,魅族MX...

  • 移动端样式问题汇总

    1、去掉移动端苹果手机点击时阴影 2、input去掉边框、点击阴影、下划线 3、css画箭头 4、超出1行/2行显...

  • 移动端兼容问题汇总

    1.安卓4.4版本。webview控制台输出'set is not defined',搜索后发现React依赖集合...

  • 文集

    若web前端到达了瓶颈,如何冲出重围? 移动端汇总 腾讯移动web知识库移动前端开发指南移动端上遇到的各种坑移动端...

  • 复习笔记之API(18) 移动端常用的插件和框架

    click延时问题 移动端click事件会有300毫秒延时问题,原因是移动端屏幕双击会缩放(double tap ...

  • 前端遇到的那些技术难点及性能优化之css篇

    移动端兼容 css篇 移动端的 1px 问题描述:1px 的边框。在高清屏下,移动端的 1px 会很粗。 产生原因...

  • 移动端 H5 相关问题汇总

    移动端 H5 相关问题汇总: 1px 问题 响应式布局 iOS 滑动不流畅 iOS 上拉边界下拉出现白色空白 页面...

  • 文章收藏

    vue中H5问题汇总移动端最佳实践前端知识图谱vue-cli4-configGraphQL入门前端异常处理最佳实践...

  • 移动端/问题

    均等分問題 核心原因: 分辨率不同,安卓手机底部普遍含有虚拟导航栏解决办法: 外框flex布局,flex:1可以自...

网友评论

      本文标题:移动端问题会汇总

      本文链接:https://www.haomeiwen.com/subject/zrbmnqtx.html