移動設備上的wordpress問題

-1

我在移動設備上顯示我的第一個網站時遇到了一些麻煩。當設備是垂直的時候，網站背景圖片不適合我用背景尺寸：100％100％規則嘗試過的整個屏幕，但是也不起作用。這是我現在的css：移動設備上的wordpress問題

background-attachment: scroll; 
background-image: url("http://qubik-design.co.nf/wp-content/uploads/2015/07/rsz_intro-bg4.jpg"); 
background-position: left top; 
background-repeat: no-repeat; 
background-size: 100% auto;

最後一個麻煩就是頁腳。即使在某些PC上，它也不會粘在屏幕的底部。這是CSS：

<footer id="colophon" class="site-footer" role="contentinfo"> 

#colophon { 
    background: #000 none repeat scroll 0 0; 
    color: #ffffff; 
    opacity: 0.8; 
    padding: 20px; 
}

我試過底部：0px，但不工作，這就是全部。

在此先感謝。

來源

2015-08-08 Rubén

你可以在問題中使用代碼片段並重現問題嗎？ – Vishwanath

@Vishwanath看，我不能重現錯誤，因爲它是主題的錯誤，我不知道可以是什麼，我不知道太多的CSS。我改成自定義背景，因爲背景圖像不適合寬度，我添加了背景大小，但高度不起作用。我在CSS的不同網站上嘗試了一些螢火蟲告訴我的東西，但沒有工作，我把代碼放到了我改變的地方。謝謝。 –

@Vishwanath你可以在這裏看到錯誤http://qubik-design.co.nf/。我搜索了這些錯誤，但常見的解決方案並沒有工作，我正在尋找幾天，所以我張貼尋求幫助。 –

要使您的背景圖像填充整個屏幕，您可以使用background-size: cover。你還需要使身體達到100％的身高。

body.custom-background { 
    background-image: url('http://qubik-design.co.nf/wp-content/uploads/2015/07/rsz_intro-bg4.jpg'); 
    background-size: cover; 
    height: 100vh; 
}

但是，它不會與當前的背景圖像看起來正確。您可能想改爲使用這2張圖片。

對於頁腳，假設它僅適用於本網站，並且您不會更改高度，或者您可以相應地更改CSS，則可以使頁面id爲屏幕高度的100％並添加底部填充至少和頁腳一樣高。

#page { 
    position: relative; 
    z-index: 999; 
    margin: auto; 
    min-height: 100vh; 
    padding-bottom: 250px; 
}

然後您可以給colofon一個絕對定位。

#colophon { 
    background: #000; 
    opacity: 0.8; 
    color: #ffffff; 
    padding: 20px; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
}

來源

2015-08-09 04:33:43 ECO13

非常感謝你的回答，這對你的幫助非常有用，但是頁腳不太好（只是在移動設備上），因爲如果頁面比你的css頁面更小，頁腳保持關閉，但它不在只有頁面，當他的內容可以進入屏幕時，我必須滾動。 –

不客氣。也許這是一個更可靠的解決方案，但它可能會實現更多的工作：http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ – ECO13

移動設備上的wordpress問題

回答

相關問題