![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ios
wcy7916
这个作者很懒,什么都没留下…
展开
-
css之 -webkit-XXX相关属性应用
1:ios上 input框按钮样式显示不对,android上正确:解决:添加如下代码:-webkit-appearance:none说明:改变按钮和其他控件的外观,使其类似于原生控件。-webkit-appearance会将webkit浏览器中的元素默认样式去除。2:触发click事件时,有默认的阴影效果,需要去掉:解决:添加如下代码:webkit-tap-highlight-co...原创 2019-12-30 14:24:40 · 356 阅读 · 0 评论 -
web移动端之ios兼容问题汇总
ios中点击出现灰色阴影效果,(明明什么效果都没有加)解决办法: -webkit-tap-highlight-color: transparent;xxxx-xx-xx 日期格式在ios中报错解决办法:改成xxxx/xx/xx格式。例如: new Date(this.fullyear + '/' + this.month + '/1').getDay()...原创 2018-08-23 11:15:10 · 2036 阅读 · 0 评论 -
判断ios/android设备;判断页面是否在微信中打开
判断ios/android设备: var uInIOS = navigator.userAgent;<!-- android终端--> var isAndroid = uInIOS.indexOf('Android') > -1 || uInIOS.indexOf('Adr') > -1; <!-- in android且安卓版本大于8.6--> ...原创 2019-01-04 11:47:38 · 1143 阅读 · 0 评论 -
css ios H5页面web页面 上下滑动不流畅
移动端 ios上面,滑动一点,页面滚动一点,不流畅,安卓不这样解决方案1:删除如下代码:html,body{ height: 100%;}因为我的页面是下半部分可以滑动,上半部分不动。所以html,body的高度设置的就是 height: 100%;所以我采取的方案2解决方案2:增加如下代码:*{ -webkit-overflow-scrolling: touch;}...原创 2019-02-15 10:32:51 · 1605 阅读 · 0 评论 -
移动端触摸滑动插件swiper使用方法以及踩坑
swiper 官网地址:https://3.swiper.com.cn/使用方法:html://引入相关文件<head> <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=原创 2019-02-15 15:02:37 · 11883 阅读 · 0 评论 -
移动端 初始状态默认显示滚动条(告诉用户此区域是可以上下滚动查看的)
.readDry .scrollDry { height:2.731rem; overflow-y: scroll; background: #F7F8FB; border-radius: 0.171rem; font-size: 0.273rem; color: #525151; padding:0.256rem; /*debug...原创 2019-04-08 09:34:45 · 3219 阅读 · 1 评论 -
vue中使用vant,按钮组件ios点击没有阴影反馈效果
iOS 系统点击没有阴影反馈效果,android是ok的在 body 标签上添加 touch 事件 example:<van-button type="default">按钮</van-button> <div id="app" ontouchstart=""> <router-view></router-vi...原创 2019-04-19 10:01:54 · 2644 阅读 · 0 评论 -
-webkit-overflow-scrolling:touch 导致图片不显示bug
前言:ios移动端 ul列表,上下滑动比较卡顿,不够流畅,添加了-webkit-overflow-scrolling:touch 属性后解决了这个bug,增加了滚动回弹效果。但是触发了另一个问题,上下滑动时 li 里面的 img图片不显示了,需要手动点一下才显示,文字数据是显示的,图片路径 src路径存在视图:主要 html:<div class="slideDivContent"...原创 2019-04-30 10:38:13 · 670 阅读 · 0 评论 -
判断ipad横竖屏
//为ipad横屏添加样式 function hengshuping(){ if(window.orientation===180||window.orientation===0){//竖屏 document.getElementsByTagName('body')[0].classList.remove('ipadheng'); ...原创 2019-06-12 19:31:42 · 1452 阅读 · 0 评论