![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
兼容问题
珞珈山小鲁班
前端小渣渣,每天都想有点进步的小鲁班
展开
-
ios返回只显示部分数据,轻触或滑动页面出现完整数据
问题场景:ios从详情页放回当前列表页后,只显示下半部分列表,上半部分不展示,需要用手稍微滑动下页面才能完全展示当前页面,见下图:原因分析:从当前页面顶部进入详情返回后未出现该问题;从当前页面滑到底部进入详情返回后必现该问题。1.尝试在离开路由前beforeRouterLeave,通过设置document.documentElement.scrollTop和document.body.scrollTop均为0,只第一次成功,估计有缓存,导致问题还是出现;2.上一步怕是有缓存,尝试在详情页返原创 2022-02-18 14:01:54 · 1490 阅读 · 0 评论 -
elementUI下拉点击两次才会被选中 & 曲面屏滑动直接滑出页面
项目场景:要求:使用同一个项目放在web端显示web内容和样式,放在H5显示H5内容和样式,一开始使用elementUI开发的,功能不复杂,因此不引入vant,使用elementUI问题描述:在写选择下拉选择框时,使用电脑浏览器代理没问题,安卓也没问题,ios会出现下拉选择点两次才会出现在选择框内 解决方案:修改css .el-scrollbar { > .el-scrollbar__bar { opacity: 1 !important; }}测试,完美,以原创 2021-07-14 19:00:57 · 802 阅读 · 0 评论 -
移动端-适配(px转rem)
做了两个移动端项目,一个静态,一个vue静态:在html页面head标签里计算,一般设计图是750,width/7.5即在设计图上测量px单位的尺寸,然后除以100转换成rem单位后直接使用就可以了<script> var html = document.querySelector('html'); changeRem(); window.addEventListener('resize', changeRem); fu原创 2020-09-04 11:27:11 · 376 阅读 · 0 评论 -
文本超过2行显示省略号失效-postcss没有向下兼容
文本超出2行部分显示省略号,代码如下:overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;发现代码失效,还是超出,百度尝试了一些方法:1.给这块内容加宽度;2.设置位置,使其不会脱离文档流;3.加上white-space:pre-line;(合并空白符序列,但是保留换行符)4.给代码加这两行注释.xxx{ w原创 2020-07-16 20:49:21 · 241 阅读 · 0 评论