首页功能

自定义 主题组件
,
134

我试图让这个在桌面和移动端都作为单一特色主题显示。

CSS实际上并没有为此设置好，但我通过以下方法进行了调整，使图片在整个宽度范围内显示良好：

.featured-topic-wrapper .featured-topics .featured-topic {
    max-width: none !important; 
    .featured-topic-image {
    max-width: 800px !important; 
    width: 100%;
    }
}

然而，这样做对屏幕宽度的变化或移动端的响应性不佳，容易失去原本的宽高比（我非常希望能保持这个比例）。我通过选择合适尺寸的图片并硬编码不同的高度来规避这个问题。

是否有简单的方式可以让它变得更具响应性？另外，是否值得修改这个组件的CSS，以更好地适应单一特色主题的用例？

3 个赞