對齊問題：全屏vs調整大小

我採用了WP主題並根據需要進行了自定義。我現在用CSS來解決一個問題。對齊問題：全屏vs調整大小

它調整大小或在iPad上查看時，報頭是越來越扭曲，當上全尺寸看起來不錯 In Full size

不過。正如你所看到的，右上角的RSS圖標已經超過了彩色標題。

When resized

在這方面任何指針將不勝感激。

如果您需要更多信息，請讓我知道。

如果你需要檢查與螢火蟲/其他檢查工具，這裏是my site

來源

2013-07-28 Ankur Jain

雖然我已經有了答案，我看到我的問題是提上持有推理的主題「關於您編寫的代碼問題的問題必須描述特定的問題幷包含有效的代碼才能重現問題」我覺得我已經使用上述2個屏幕截圖詳細描述了具體問題。我還在底部給出了我的網站URL，以便任何人都可以使用Web檢查器工具進行檢查。請讓我知道您感覺到的問題，這將有助於我在將來更好地爲Stack Overflow標準提出問題。 –

如果塊溢出，它不適合並行的。把div#headerdiv#menu和div#footer分成div#content平行於容器應該解決問題。

CSS另一種方式：

加浮動固定在容器和所有孩子的，在這種情況下：

#top-overlay, #header, #menu, #content, #footer { 
    float: left; 
    min-width: 100%; 
}

來源

2013-07-28 08:19:49 Nikom

導航菜單下方出現灰色底部。雖然菜單的高度仍然是72px，但早些時候這個盒子是透明的。我知道我可以將高度設置爲其他值來刪除底部，但是想知道爲什麼上面建議的CSS更改會創建灰色底部。 –

@AnkurJain我錯過了1個街區。您必須將這些更改應用到'＃footer'以及它也是一個孩子。你在那裏看到的灰色框基本上是頁腳背景，因爲它一直處於頂部，因爲其他所有內容都是浮動的。編輯了正確的答案。 – Nikom

對齊問題：全屏vs調整大小

回答

相關問題