移动网站：标题缩小或背景图片 re-size

Question

我使用的是 wordpress 主题，但在移动渲染方面遇到了问题。拥有该网站 (mythemeshop) 的公司目前未对我的问题做出回应。

页面顶部的图像滑块有一个标题组件。在移动设备上查看时，标题会被推过图像（因为字体大小和其他一些我不知道的事情）。

我只是想知道我应该在这里做什么 - 我不确定如何

我们的网站与 expert360.com 网站相似 - 它可以很好地呈现移动设备。您可以看到他们如何为他们的移动网站提供更大的 header 图片。

我们的网站是coequity.com.au

似乎当我对适用于移动网站的 css 进行更改时，它在桌面网站上看起来很糟糕。

如有任何想法，我们将不胜感激。

提前致谢，

山姆

Answer 1

例如，如果您不想触摸图像，可以使用视口大小调整移动设备上的文本：

@media (max-width: 568px) {
    #homepage_slider .flex-caption h2 {
        font-size: 2vh !important;
    }
}