@media screen and (max-width: 1200px) { .art-content blockquote { word-break: break-all; overflow-wrap: break-word; } } @media screen and (max-width: 1200px) { .art-content { overflow-wrap: break-word; word-break: break-word; } } /*--据两边距离--*/ @media screen and (max-width: 1200px) { #content { padding-left: 7px; padding-right: 7px; } } /*--友情链接不显示--*/ @media screen and (max-width: 1200px) { .flink { display: none; } } /*--幻灯片下面白边的问题--*/ @media screen and (max-width: 1200px) { .swiper-container { margin-bottom: 0 !important; } } @media screen and (max-width: 1200px) { .swiper-slide { background: transparent; } } /*--时间评论字号变小并靠底部等高--*/ @media screen and (max-width: 1200px) { .article-list .content { display: flex; flex-direction: column; justify-content: space-between; min-height: 24vw; padding-top: 0; } .article-list .data { font-size: 12px; } .article-list .data .iconfont-air { font-size: 12px; } } /*--评论在右边显示--*/ @media screen and (max-width: 1200px) { .article-list .comment { float: right; } } /*--手机端logo变大--*/ @media screen and (max-width: 1200px) { .logo-area .img { width: 110px; } }