如何顯示圖像時，他們不是

我有一個Web應用程序，其中管理員可以加載任何類型的圖像，將在網站上顯示。問題是，圖像有不同的大小和尺寸...但想法是，訪問該網站的用戶可以看到所有類似大小的圖像。你有什麼建議？如何？前端位於angularjs中，後端位於java中的sprint。是否適合設置特定尺寸？或者可能是特定的高度，並且寬度是否與圖像尺寸一致？如何顯示圖像時，他們不是

來源

2016-05-13 Faabass

這個問題是基於要麼過於寬泛，意見或需要討論，所以是題外話堆棧溢出。如果您有特定的，可回答的編程問題，請提供完整的詳細信息。 –

我認爲這可能對您有所幫助，因此您可以爲用戶提供您想要在您的應用中使用的寬高比。 [CROPPER]（https://fengyuanchen.github.io/cropper/）...請記住相同長寬比的所有圖像可以以相同尺寸顯示。 – T04435

試試這個：

.img { 
    position: relative; 
    float: left; 
    width: 100px; 
    height: 100px; 
    background-position: 50% 50%; 
    background-repeat: no-repeat; 
    background-size:  cover; 
} 

<div class="img" style="background-mage:url('http://i.imgur.com/tI5jq2c.jpg');"></div> 
<div class="img" style="background-mage:url('http://i.imgur.com/37w80TG.jpg');"></div> 
<div class="img" style="background-mage:url('http://i.imgur.com/B1MCOtx.jpg');"></div>

來源

2016-05-13 14:02:23 MeisterAjit

不錯的背景圖像與'背景大小：封面'，但也許這個答案應該有一個解釋去與它，這將有助於理解你爲什麼建議它？ – Lee

相反，您可以使用像素：background-size：75px 75px; – MeisterAjit

如何顯示圖像時，他們不是

回答

相關問題