簡體   English   中英

將圖像調整為父圖像的高度,然后在窗口調整尺寸

[英]resize image to the height of it parent and resize it on window resize

我的代碼需要幫助

這是我的示例-http://jsfiddle.net/urK7t/

完整頁面-http://dev.fama.net.pl/tides/

概念: 在此處輸入圖片說明

我想有100%的寬度和100%的高度,溢出:隱藏的DIV,其中有寬圖像,我可以左右移動,此圖像應在窗口調整大小時調整大小,現在您在示例中看到的只是拉伸圖像高度我想調整整個圖像的大小,但是我不想顯示整個圖像,它需要左右移動

您可以說是否要將此圖像作為背景包含或覆蓋或什至是100%100%等,取決於您要縮放還是僅全屏顯示,等等。

您想要的圖像樣式如下:

#bg-image {
    width: 100%;
    height: auto;
}

將來,您真正想要的CSS屬性是object-fithttp : //www.netmagazine.com/tutorials/control-image-aspect-ratios-css3

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM