[英]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-fit
: http : //www.netmagazine.com/tutorials/control-image-aspect-ratios-css3
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.