1、IOS点击屏幕闪动问题：
IOS点击按钮的时候，屏幕总会闪动一下，这让页面看起来很不友好也不流畅。
原因如下：
在移动端上，有事件监听的元素被点击的时候会被高亮显示，而-webkit-tap-highlight-color属性会在当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。
该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。
2、css3-字符过多省略
{
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
li中内容超过长度后以省略号显示的方法 （此方法适用与IE与OP浏览器）
<style type="text/css">
<!-- li { width:200px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; } -->
</style>
多行的：
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
3、css3-淡入淡出效果
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
以上都是我自己实际遇到的问题，以及解决方法。
ps：一些问题，可以用js解决，但是用css 会效率高。写法也简单~~
大家可以分享分享~~
|
|
收藏
淘帖
踩
