响应式处理

This commit is contained in:
clay
2022-01-12 22:15:42 +08:00
parent f5d34a00db
commit 05e116af0d
8 changed files with 80 additions and 59 deletions

View File

@@ -25,10 +25,10 @@
</el-row>
<!--科学研究新闻内容-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="2.5" :xl="4">
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">
<div class="grid-content"></div>
</el-col>
<el-col class="scientific_context" :xs="22" :sm="20" :md="20" :lg="19" :xl="16">
<el-col class="scientific_context" :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="scientific_context_text">
@@ -193,10 +193,10 @@
</el-row>
<!--学术交流-->
<el-row>
<el-col :xs="1" :sm="2" :md="2" :lg="2.5" :xl="4">
<el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="5">
<div class="grid-content"></div>
</el-col>
<el-col class="academia_context" :xs="22" :sm="20" :md="20" :lg="19" :xl="16">
<el-col class="academia_context" :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
<el-row>
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
<el-row class="academia_context_text">
@@ -419,7 +419,7 @@ export default {
}
}
@media screen and (min-width: 1100px) and (max-width: 1400px) {
@media screen and (min-width: 1100px) and (max-width: 1400px) {
.scientific_context_text {
padding-left: 2rem !important;