HTML如何在同一個地方保留一個對象

Question

我有一個html網頁，我在這個頁面中有一個表格。我試圖把它放在中間的一定距離。 （我有一個小外星生物作爲背景圖像，看起來好像他拿着這張桌子）。我用絕對定位，例如：

頂部：20％和右：10％。

當我上傳網頁時，它位於一臺顯示器上的一個位置，然後當我使用一個更大的屏幕顯示器時，表格位於不同的位置。我如何防止這種情況發生，因此無論監視器有多大，桌子仍然在一個位置，不管是什麼？我的網頁沒有任何滾動條，所以一切都在一個顯示器上，無需滾動。也許我必須使用相對或靜態或固定的定位？我不知道謝謝你的幫助

<table style="position: absolute; top:20%; right:10%" width=60% border="1"> 

Answer 1

你應該使用實際的像素值。由於您使用的是百分比，因此屏幕大小會有所不同。除非您嘗試排列的圖像是正確的，否則請將其設置爲相對於左邊緣而非右側。

做這樣的事情：

<table style="position: absolute; top:50px; left:100px" width=100px border="1"> 

Answer 2

您可以使用媒體查詢爲不同的分辨率。檢查出http://css-tricks.com/resolution-specific-stylesheets/