移动网站：标题缩小或背景图像重新调整大小

Question

我正在使用wordpress主题，我在移动渲染方面遇到了困难。拥有该网站的公司（mythemeshop）目前对我的问题没有反应。

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

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

我们的网站类似于网站expert360.com - 它为移动设备提供了良好的效果。您可以看到他们的移动网站有更大的标题图片。

我们的网站是coequity.com.au

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

任何想法都会非常感激。

提前致谢，

萨姆

Answer 1

例如，如果您不想触摸图片，可以使用视口大小在移动设备上缩小文字：

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