2015-04-07 55 views
0

我使用的是wordpress主题,我在使用移动渲染时遇到困难。拥有该网站的公司(mythemeshop)目前对我的问题没有反应。手机网站:标题缩小或背景图像重新大小

页面顶部的图像滑块有一个标题组件。当在移动设备上查看标题时,标题会被推过图像(因为字体大小以及其他一些我不知道的东西)。

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

我们的网站怎么是类似网站expert360.com - 它呈现良好的移动。你可以看到他们是如何为他们的移动网站提供更大的标题图片的。

我们的网站是coequity.com.au

看来,当我做出改变,对于移动网站工作的CSS,它在桌面上的网站看起来不错。

任何想法将不胜感激。

由于提前,

山姆

+0

到进行仅影响移动设备的更改,请使用媒体查询:https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ – Sirence

回答

0

例如,您可以让移动设备上的文本使用较小尺寸的视口,如果你不想触碰图像:

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

太棒了,此评论和@Sirence的评论让我更改图像大小:'code' @media唯一屏幕和(最大设备宽度:568px )div [class =“has_caption”] img {height}:160px!important; } } – samdmc

+0

我是@Sirence :(如果它帮助你,请将它标记为答案,以便问题关闭。 – Sirence