@media (max-width: 1000px) { .showDataBox { height: 400px; position: relative; } .mapBox { height: 300px; width: 100%; left: 0; top: 80px; } .chartPanel { min-height: 100%; height: auto; padding-bottom: 2px; } .map-title { font-size: 16px; width: 80%; left: 10%; } .ledfont { font-size: 14px; } .map-sub-view em { font-size: 16px; } .chartBoxList { position: relative; width: 100%; height: auto; margin: 60px auto; } .chartBox { position: relative !important; height: 240px !important; left: 0 !important; right: 0 !important; width: calc(100% - 40px); margin: 80px auto; } .chartBox:hover .chartQuery { right: -40px; } .map-date-dialog .el-dialog{ width: 90% !important; } }