你好,维塔利,
谢谢来信!
CSS代码只适用于较小的屏幕(低于980像素)，因为你像这样插入代码:
@media(min-width:980px){.search-results .has-post-thumbnail .entry-featured，。搜索结果.has-post-thumbnail .entry-wrap{浮动:左;} .search-results .page .entry-featured，. .搜索结果。single-post .entry-featured{显示:块;} .search-results .hentry，。搜索结果。has-post-thumbnail .entry-footer{clear:both;margin-bottom: 30 px;显示:块;} .search-results .hentry。has-post-thumbnail:{后内容:“”;高度:0; display:block; clear:both; } .search-results .hentry.has-post-thumbnail{ background-color:white; padding:30px; border-radius:4px; box-shadow:0 0.15em 0.35em 0 rgba(0,0,0,0.135); } .search-results .entry-thumb img{ min-width:30%; max-height:300px !Important; } .search-results .has-post-thumbnail .entry-featured{ width:33%; } .search-results .has-post-thumbnail .entry-wrap{ width:65%; padding:0; float:right; border:none; box-shadow:none; } .search-results .has-post-thumbnail .entry-footer{ display:none !important; } .x-topbar .p-info{ color:slateblue; } .x-topbar .x-social-global a{ color:cadetblue; } .x-topbar .x-social-global a:hover{ color:darkcyan; } .x-colophon.bottom .x-colophon-content{ color:teal; } .x-colophon.bottom .x-social-global a{ color:cadetblue; } .x-colophon.bottom .x-social-global a:hover{ color:darkcyan; } }
你应该在@media像这样的CSS块:
.x topbar .p info{颜色:slateblue;} .x topbar .x social-global a{颜色:cadetblue;} .x topbar .x social-global a:悬停{颜色:深蓝;} .x-colophon。底部。x-colophon-content{颜色:蓝绿色;} .x-colophon。底部。x-social-global a{颜色:cadetblue;} .x-colophon。底部。x-social-global a:悬停{颜色:深蓝;} @media(min-width:980px){.search-results .has-post-thumbnail .entry-featured，。搜索结果.has-post-thumbnail .entry-wrap{浮动:左; } .search-results .page .entry-featured,.search-results .single-post .entry-featured{ display:block; } .search-results .hentry,.search-results .has-post-thumbnail .entry-footer{ clear:both; margin-bottom:30px; display:block; } .search-results .hentry.has-post-thumbnail:after{ content:""; height:0; display:block; clear:both; } .search-results .hentry.has-post-thumbnail{ background-color:white; padding:30px; border-radius:4px; box-shadow:0 0.15em 0.35em 0 rgba(0,0,0,0.135); } .search-results .entry-thumb img{ min-width:30%; max-height:300px !Important; } .search-results .has-post-thumbnail .entry-featured{ width:33%; } .search-results .has-post-thumbnail .entry-wrap{ width:65%; padding:0; float:right; border:none; box-shadow:none; } .search-results .has-post-thumbnail .entry-footer{ display:none !important; } }
上面的代码作为示例代码。如有需要，请随意修改。请注意，自定义编码超出了我们的支持范围。您必须维护任何自定义代码，以确保它在任何更新后仍然可以工作，或者在将来不会产生任何问题或不兼容。
致以最亲切的问候。