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 · 395 阅读 · 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 · 2095 阅读 · 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 · 1187 阅读 · 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 · 1637 阅读 · 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 · 12414 阅读 · 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 · 3313 阅读 · 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 · 2712 阅读 · 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 · 712 阅读 · 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 · 1502 阅读 · 0 评论