2015-04-07 16 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