suchaos/css-

一些常用的css代码

一些常用的css代码

1. 让浮动元素的父元素“自清除”, 添加class = "clearfix"

/* html5boilerplate.com Clearfix
--------------------------------- */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

2. 防止图片等溢出

<meta name="viewport" content="width=device-width, initial-scale=1.0">

img, embed, object, video {
  max-width: 100%
}

3. 点按目标大小

nav a, button {
  min-width: 48px;
  min-height: 48px;
}