2017-08-17 119 views
0

我的頁面上有一個滑塊,應用了屬性背景封面,因此它適合整個事情。滑塊也有50vh固定高度。如何在背景上選擇圖像尺寸:覆蓋div?

背景總是結束從我不想要的圖像中切割出的東西。

我應該怎樣去選擇合適的寬度×高度明知該網站將在非常不同的設備可以看到?

+3

請分享滑塊 – Dom

回答

0

除了蓋唯一的其他選擇是「遏制」,它的圖像縮放到最大尺寸,使得它的寬度和高度都可以適應內容區域內,因此留下未覆蓋的區域在div的背景。另一種選擇是將其設置爲「100%100%」,這將拉伸圖像,並以奇數尺寸扭曲。

挑選你的毒藥;-)

+0

的代碼,或者你可以用一些硬核心JavaScript香料它,在這種情況下,就需要使用絕對定位的圖像,讓您計算你需要顯示的東西的面積,然後根據這個和視口大小來計算位置...... – Jan