在有窗口的同一位置總是有一個元素重新調整

隨着分辨率爲1920x1080的圖標欄所在的紫線。在任何其他決議它不再是。完成此操作的最佳方式是什麼（如果可能，不使用JavaScript）？

雖然我也很想有div元素自動縮放，這只是第二個問題。主要問題是始終在特定的位置。你可以看到％不起作用。

#icons { 
position: absolute; 
right: 11%; 
bottom: 12%; 
width: auto; 
height: auto; 

z-index: 8; 
max-width: 60%; 
}

我是否必須使用「rem」或其他方法（在我嘗試使用時不工作）？有沒有辦法做到這一點？在左上角有一個元素顯然非常容易，因爲即使在調整大小時它也會始終保持不變。有了這個位置，還存在額外的工具欄或類似的問題 - 例如，一旦隱藏瀏覽器的工具欄，位置就會改變。任何幫助表示讚賞！

來源

2013-05-09 Grimwood

文本絕對位於窗口的右側和底部邊緣，因此解決方案是將背景定位在此處。將top center更改爲bottom right。

body { 
    font-family: Arial, "Myriad Pro"; 
    font-size: 11px; 
    color: #ffffff; 
    background: #202020 url(img/body_back.jpg) no-repeat bottom right fixed; 
    background-size: cover; 
}

來源

2013-05-09 17:22:55

容易但工作的解決方案，謝謝！現在有辦法根據瀏覽器的大小重新調整#icons div的內容（一個圖像）嗎？如果我使用例如最大寬度：60％，它只在瀏覽器非常小時才調整大小。它應該調整大小，使其始終保持在完全相同的位置？ – Grimwood 2013-05-09 17:43:11

不，對不起，我似乎無法想象一種方法可以在div變小時保持div在同一位置。你需要一個'min-right'屬性或者其他不存在的東西。 – 2013-05-09 20:01:39

你有沒有想過嘗試：

#icons { 
position: fixed; 
right: 11%; 
bottom: 12%; 
width: auto; 
height: auto; 
z-index: 8; 
max-width: 60%; 
}

我使用固定的東西，我想留在同一地點，它useually「修復」它留在它原來的地方

來源

2013-05-09 17:24:05 internetgho5t

好吧，我認爲主要問題是背景圖像（先生寫了什麼），謝謝你的回覆！ – Grimwood 2013-05-09 17:43:43

沒問題我明白你的意思，因爲背景調整不是圖標。 – internetgho5t 2013-05-09 18:04:16

在有窗口的同一位置總是有一個元素重新調整

回答

相關問題