移动web在ios和android下点击元素出现阴影问题
来源:互联网 发布:小马云现身阿里总部 编辑:程序博客网 时间:2024/06/18 17:24
移动web开发经验总结
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。
2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。
3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅(这个属性会调用硬件加速模式),但是在android下不可乱用,很多见所未见的bug就是因为这个。
4、@-webkit-keyframes可以预定义很多你所想到的动画,然后通过-webkit-transition来调用。
5、-webkit-background-size可以做高清图标,不过一些低版本的android只能识别background-size,所以有必要两个都要写上;用这个属性的时候推荐树勇cover这个值,可以自动去匹配宽和高。
6、text-shadow多用这个属性,可以美化文字效果。
7、border-radius、box-shadow、gradient、border-image,不解释,可以精简代码。
8、android、ios4及以下,固定宽/高块级元素的overflow:scroll/auto失效,属于浏览器的bug,可借助第三方工具实现。
9、ios5+可以通过scrollTo(0,0)来自动隐藏浏览器地址栏。
10、<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">width可是宽度,initial-scale初始化缩放比例,maximum-scale允许用户缩 放的最大比例,minimum-scale允许用户缩放的最小比例,user-scalable是否允许用户缩放。
11、允许用户添加到主屏幕,并提供webapp的支持。12、css3动画会影响你的自动聚焦,所以自动聚焦要在动画执行之前来做,或者直接舍弃。
13、使用media query适配不同屏幕。14、如果涉及较多域外链接,DNS Prefetching可以帮你做DNS预解析。
15、如果你希望你的站点更多地在SNS上传播,那么Open Graph Protocol会比较适合你。16、当用iScroll时候,不能使用:focus{outline:0}伪类,否则滑动会卡。
注:在web端时,在一个全局的css中写上-webkit-tap-highlight-color:rgba(255,255,255,0),点击加载时的阴影全部搞定!
iOS移动端点击阴影如何去除?
以前没怎么发现这个问题,不过最近涉及到了,就四处找了找,原来IOS比较得儿(得儿的不要不要的)
无论是什么东西,只要点击,就出现背景颜色。
解决方法如下:
1
0 0
- 移动web在ios和android下点击元素出现阴影问题
- 在为Android 开发WebAPP 遇到的一个问题:点击元素会出现蓝框
- cocos3.2及以下版本在ios 8 系统下出现点击输入屏幕移动的问题解决
- a 标签属性在点击后出现一层阴影
- a 标签属性在点击后出现一层阴影
- ios手机点击 阴影
- 解决安卓与IOS点击效果兼容(去除移动端Ios点击阴影 )
- 在unity中将图片保存在移动平台下(Android和IOS)
- input框在ios中的阴影问题
- 搜狗浏览器在高速模式下,右键点击才会出现“审查元素”
- PIE在IE下阴影问题
- 解决vue在ios端下点击响应延时问题
- 消除移动端webkit内核浏览器点击时出现的阴影
- 去掉点击出现的透明阴影--&&--去除iphone、ipad页面button默认样式--元素垂直居中
- Unity3d 导出ios、android等移动平台阴影效果步骤
- iOS开发之.pch在工程出现移动的情况下出现not found 的情况
- Android recycleview和cardview结合使用出现的边角阴影问题
- 在android下出现乱码的问题(在网络中传输和获取数据时)
- ajax判断
- Centos7+Nginx+Keepalived实现Apache服务的高可用&负载均衡
- 剑指offer_字符串转整数
- javadoc的一些知识
- 类加载过程
- 移动web在ios和android下点击元素出现阴影问题
- 笔记:使用qtcreator过程中遇到到的一个小问题
- Java集合框架中隐藏的设计套路
- popupwindow 中listview setOnItemClick不起作用
- 使用和赋值顺序
- shell变量详解
- linux中软件安装
- 模仿苹果虚拟悬浮按钮(自动靠边、可浮现任何界面上)
- 字符串的所有组合