我可以確保此元素保留在其他屏幕上嗎？

<DIV style="position: absolute; top:401px; left:1450px; width:400px; height:25px"><a href="http://www.test.com/"><img src="http://i.imgur.com/p6U5ufB.png" onmouseover="this.src='http://i.imgur.com/vo8DDLK.png'" onmouseout="this.src='http://i.imgur.com/p6U5ufB.png'"></a></DIV>

我在做一個網站，現在，我遇到了一些問題，我無法修復。

我在我的網站上有一些元素，當我在其他屏幕上打開網站時，他們一直在移動。

我該怎麼做才能讓這個元素保持不管它是多大？ - 其他元素相同。

來源

2017-03-15 Instafla

你試過了嗎？position：fixed'？ – Swellar

它與定位時的絕對相同，但固定使得元素堅持/固定在其位置上，例如當您向下滾動時粘在屏幕上部的導航 – Swellar

沒有工作。：/ – Instafla

當前您使用的是固定像素尺寸。但不同的屏幕尺寸有不同數量的像素。所以如果你想要你的對象的位置相對於屏幕大小，你應該使用百分比或視口寬度和視口高度。

試試這樣的：left: 50vw

來源

2017-03-15 08:09:37 Philipp

嗨。既然我希望元素具有特定的位置，那麼這是否有幫助？ – Instafla

嗨。我認爲你應該重新考慮你的網站代碼的概念如果你使用像素，它總是隻會在你的屏幕上看你如何看待它。您的div應始終與百分比或視口一起定位，並且可能與其他div相關。有了這個，你可以輕鬆地響應網站，在每個屏幕尺寸看起來不錯。我認爲你應該研究一下，並找出更多關於這個話題。有很多教程需要觀看，所以你可以學習如何編寫更好的網站。祝你好運！ :) – Philipp

我可以確保此元素保留在其他屏幕上嗎？

回答

相關問題