CSS相关总结

215 阅读1分钟

个人笔记,不断学习总结各种css奇淫巧技,有兴趣的可以了解学习,没兴趣的出门右拐,当然,各位大佬有心探讨交流,留言分享好的文章,感激不尽。

1.如何实现0.5px的边界线

.border05{
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
}
.border05:before{
    content: '';
    width: 200%;
    height: 200%;
    border: 1px solid #333;
    transform-origin: 0 0;
    transform: scale(0.5, 0.5);
    position: absolute;
    box-sizing: border-box;
}

2.去除iphone手机input和textarea的上边界阴影线

-webkit-appearance: none;

3. iphone手机滚动阻尼效果

-webkit-overflow-scrolling: touch;

4.解决iphone点击屏幕闪动

-webkit-tap-highlight-color:transparent;

5.触摸并按住触摸目标时候,禁止或显示系统默认菜单。

-webkit-touch-callout: none;

6.是否可以选中文字

-webkit-user-select:none;