![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端相关
前端杨小白
这个作者很懒,什么都没留下…
展开
-
移动端H5界面 前端html app 自动清除引入的css js缓存方法
笔者近期在开发移动端h5界面,发现每次改完样式 js都需要强制清除下手机浏览器的缓存,才显示效果,但是通过微信浏览器进行查看时没找到清除缓存的按钮,于是乎,自己上网上找了写方法,又在学习群里交流了下,总结出以下方法 1.添加版本号或者标识号 在引用的css 跟js 后面,添加一个版本号,至于怎么使用规则,可以跟组内小伙伴约定好,这样子升级到正式环境的时候,就不用用户自己清理缓存了.(原理:增加了一个参数,且该参数是一个随机数,每次都不一样,所以每次的请求参数都不一样,服务器会将其作为一个新的请求,重新返转载 2021-03-16 16:07:11 · 1409 阅读 · 0 评论 -
移动端兼容安卓456实现0.5像素边框
项目中会遇到UI指定边框用0.5像素的,但实际单纯的border:0.5px solid #ddd;在很多移动端设备上会出现显示异常甚至直接消失,这是不同设备对像素处理的问题。像是很多android识别不了0.5像素就会直接不显示。 这里提供一种我用的有效的解决方案: 取消按钮的边框,并设置按钮定位 position: relative; 为按钮添加 before伪元素,并设置 position: absolute; 利用before模拟边框,并且先设置足够能被设备识别的边款,然后进行缩放到想要的边原创 2021-03-12 17:54:46 · 257 阅读 · 0 评论 -
安卓上按钮文字偏上的问题
安卓4-6机型按钮文字偏上 无法垂直方向居中显示 处理方案flex布局: 外层div 里层p p里span 外层div flex 且flex-wrap:wrap 外层P设置高 不设置行高 里层span不设置高与行高 <div class="portfolio_codetype"> <p class="portfolio_code"><span class="">3000751</span></p> <p c..原创 2021-03-12 11:02:09 · 426 阅读 · 0 评论 -
VUE阻止移动端滑动默认行为
VUE阻止移动端滑动默认行为 <template> <div :id="id" class="chart" :ref="id" @touchend="remove" @touchstart="start"></div> </template> <script> export default { props: { // 取消走势图默认事件 stopPrev: { type: Boolean, def原创 2020-11-12 14:56:04 · 1800 阅读 · 2 评论 -
移动端相关信息获取
判断手机系统 function judgeSystem(){ var userAgent = navigator.userAgent; var index = userAgent.indexOf("Android") if(index >= 0){ androidVersion = parseFloat(userAgent.slice(index+8)); // console.log(androidVersion,'安卓版本') .原创 2020-09-25 16:58:21 · 276 阅读 · 0 评论