清除默认样式
reset
1 | html,body{height:100%;} |
去除input默认填充的背景颜色
1 | input:-webkit-autofill { |
清除input[type=number]的默认样式
1 | input[type=number] { |
清除移动端 a 标签等点击区域变色
1 | *{ |
清除移动端 input 样式
1 | input{ |
避免ios滑动滚动条卡顿
1 | *{ |
滚动条样式
1 | .scroll-container { |
常用 midea媒体查询
1 | /* 横屏 */ |
长文本折行
1 | .long-text{ |
文字超出显示省略号
单行文字
1 | /*注意宽度是必须的*/ |
多行文字
1 | .article-container { |
消除图片下方间隙
通过设置给 img 元素设置 vertical-align: top 消除行内元素的间隙(仅对 img 元素有用
1 | vertical-align: top; |
图文居中
1 | <div class="container"> |
1 | .container{ |