浏览器兼容
1.禁止选中复制文本
禁止选中复制文本
2.单行文本溢出显示省略号 …
单行文本溢出显示省略号
3.flex 弹性布局兼容
flex 弹性布局兼容
4.iOS app 滑动卡顿优化
iOS app滑动卡顿优化
5.渐变背景颜色
渐变背景颜色
6.隐藏 Web 端浏览器右侧滚动条
隐藏 Web 端浏览器右侧滚动条
* {
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
}p {
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
white-space: nowrap;
}#app {
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
flex-direction: column;
}.content div {
/* 解决iOS页面滑动卡顿 */
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-y: auto;
/* overflow-y: scroll; */
}.box {
width: 400px;
height: 400px;
background: linear-gradient(180deg, #fad961 0%, #f76b1c 100%);
}html {
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
overflow: hidden;
overflow-y: scroll;
scrollbar-width: none;
}
html::-webkit-scrollbar {
width: 0 !important;
}