@media screen and (max-width: 768px) {
.count-all {
/* 在屏幕宽度小于768px时的样式 */
flex-direction: column;
}
.countOne {
/* 在屏幕宽度小于768px时的样式 */
width: 100%;
}
}
最大宽度的限制:用于手机横屏、竖屏切换的限制
表单限制:
<el-row>
<el-col :xs="24" :sm="12" :md="6">
<el-form-item label="地址楼层:">{{ form.address }}</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="6">
<el-form-item label="备注:">{{ form.note }}</el-form-item>
</el-col>
</el-row>