是否可以通過父母設置最大圖像大小？

CSS：

.timeline-header { 
    max-width: 508px; 
    max-height: 159px; 
/* width: 508px; 
    height: 159px;*/ 
} 

.timeline-header img { 
    width: 100%; 
    height: 100%; 
}

HTML：

<div class="timeline-header"> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/6/6b/Big_Sur_June_2008.jpg"> 
</div>

是否有可能以某種方式被它的父母max-*大小設置的圖像大小？默認情況下，它的默認尺寸...

來源

2014-01-29 NoNameZ

我不認爲U U可以設置'img'最大尺寸 – Jack

http://jsfiddle.net/mgleeson/t8ZGC/ – Mike

你想擴展，但保持圖像的寬高比還是隻是拉伸圖像以填充框？ –

css inherit是你在找什麼。

.timeline-header, { 
    max-width: 508px; 
    max-height: 159px; 
/* width: 508px; 
    height: 159px;*/ 
} 
.timeline-header img{ 
    max-width: inherit; 
    max-height: inherit; 
    width: inherit; 
    height: inherit; 
}

和HTML

<div class="timeline-header"> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/6/6b/Big_Sur_June_2008.jpg"> 
</div>

JSFIDDLE

來源

2014-01-29 17:32:29 Mike

對不起，沒有運氣... – NoNameZ

@NoNameZ現在試試我的解決方案。 – Mike

肯定。

只需將max-的尺寸設置爲inherit即可。

通過這樣做，img將繼承其父項的大小。

.timeline-header { 
    max-width: 508px; 
    max-height: 159px; 
/* width: 508px; 
    height: 159px;*/ 
} 

.timeline-header img { 
    max-width: inherit; 
    max-height: inherit; 
}

Fiddle

來源

2014-01-29 17:52:06 TheYaXxE

是否可以通過父母設置最大圖像大小？

回答

相關問題