/* ------------------- 统一规范 ------------------- */
html {
font-size: 10px !important;
}
html, body {
margin: 0;
padding: 0;
}
/* ------------------- 公共容器 ------------------- */
/* 容器-开启 relative 定位 */
.container-relative {
position: relative;
}
/* 容器-内容全窗口宽度 */
.container-full {
width: 100%;
height: 100%;
}
.container-full-width {
width: 100%;
}
.container-full-v {
width: 100vw;
height: 100vh;
}
.container-full-vw {
width: 100vw;
}
.container-full-vh {
height: 100vh;
}
/* 容器-内容全窗口宽度-内容整体居中 */
.container-full-center {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.container-full-column-center {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.container-full-width-center {
width: 100%;
display: flex;
justify-content: center;
}
.container-full-width-column-center {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.container-full-v-center {
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.container-full-v-column-center {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.container-full-vw-center {
width: 100vw;
display: flex;
justify-content: center;
}
.container-full-vw-column-center {
width: 100vw;
display: flex;
flex-direction: column;
align-items: center;
}
/* ------------------- 项目公共 ------------------- */
自用 reset.css
最新推荐文章于 2023-05-09 10:59:52 发布