在響應式設計中調整窗口大小時遠離設計的對象

今天我試圖創建我的第一個響應式設計，並且在調整頁面大小時遇到了一些問題。除了大圖標下面的數字和頁面右下角的小圖標外，一切似乎都能正確響應。當它不是全尺寸時，它們似乎都會從設計的其餘部分「逃跑」，並且頁面右下方的按鈕暴露了應該隱藏的內容（按鈕的懸停狀態）。有想法該怎麼解決這個嗎？在響應式設計中調整窗口大小時遠離設計的對象

該網站位於：[刪除，解決我自己的問題]

來源

2011-10-19 David Savage

我要補充一點，我只是在Firefox的最新版本測試了這個，所以它可能不會在其他瀏覽器（我假設Chrome和Safari會呈現它很好，但還沒有檢查）。 –

我認爲這可能是因爲您的百分比混合像素尺寸，例如馬蒂尼雞尾酒的高度，當您將尺寸調整爲較小時，會降低數量。 –

你是對的理查德。幸運的是，這不會是一個功能齊全的應用程序，但如果是這樣，我不得不調整佈局，所以我不必指定任何高度。由於這主要是針對模型的，所以我只爲主圓圈製作了背景圖形的數字部分，並將橫條設置爲底部固定大小。不完全響應，但有點。 –

我認爲你需要添加此爲每次進行：

的位置是：相對的; z-index：1;

這對於控制每一個這樣就不會調整其他

來源

2011-10-19 03:52:56

對於您控制z-index的每個div ... –

在響應式設計中調整窗口大小時遠離設計的對象

回答

相關問題