我一直在試圖製作一個頁面,其中將有一個圖像需要與視口高度相同,同時寬度會相應拉伸。 img需要以中心爲中心。將div寬度縮放到圖像寬度
以下是棘手的部分(對我來說):我需要在該圖像的底部放置一個div,該div有一些按鈕。我認爲最好的做法是將div的寬度設置爲與img的寬度相同,以便每當屏幕大小發生變化時,所有內容都保持在同一位置。 這裏是我迄今爲止在HTML:
所以:高度總是==視口,寬度是可變的。 我想過把一個div放在img的父級上,但我仍然需要讓div適合它的孩子的大小(圖像)。 我在這裏看過一些帖子,但沒有一個與我的問題太相關。
編輯: 如果我不夠清楚,我很抱歉。我已經說明了問題所在。我希望這有助於:
很難理解你想要什麼。你可以顯示你的進展到目前爲止,包括你的CSS作爲一個codepen /小提琴/片段。 – WizardCoder