我有一個Web應用程序,其中管理員可以加載任何類型的圖像,將在網站上顯示。 問題是,圖像有不同的大小和尺寸...但想法是,訪問該網站的用戶可以看到所有類似大小的圖像。 你有什麼建議?如何? 前端位於angularjs中,後端位於java中的sprint。 是否適合設置特定尺寸?或者可能是特定的高度,並且寬度是否與圖像尺寸一致?如何顯示圖像時,他們不是
0
A
回答
1
試試這個:
.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>
+1
不錯的背景圖像與'背景大小:封面',但也許這個答案應該有一個解釋去與它,這將有助於理解你爲什麼建議它? – Lee
+0
相反,您可以使用像素:background-size:75px 75px; – MeisterAjit
相關問題
- 1. 圖像顯示爲打破時,他們不應該
- 2. 顯示圖像知道他們的ID
- 3. 如何通過他們的URL顯示多個圖像
- 4. PHP:如果圖像存在顯示圖像其他顯示不同的圖像
- 5. 縮小時,SubImages在MultiScaleImage上不顯示。如何展示他們?
- 6. ListView顯示某些圖像,但不會顯示其他圖像
- 7. ListView圖像不顯示在他們的順序
- 8. 如何在內容沒有圖像時顯示圖像並在顯示圖像時顯示圖像
- 9. 如何在圖像源是servlet時顯示默認圖像?
- 10. 如何顯示默認圖像時場圖像表是空
- 11. SourceTree顯示不同的brances,就像他們在同步(當他們不同步)
- 12. 他們是如何顯示一個字符爲其他
- 13. PictureBox中不顯示其他的圖像
- 14. 如果圖像存在顯示圖像其他顯示不同的圖像+圖像路徑
- 15. 如何用光標清除圖像以顯示其他圖像?
- 16. 如何滾動屏幕時顯示其他圖像?
- 17. 他們如何顯示計數?
- 18. 文件是否存在?顯示圖像其他顯示默認圖像
- 19. 更改顯示圖像與其他顯示器交互時
- 20. CodeIgniter + DOMPDF:在CSS中調用它們時不顯示圖像
- 21. 如何只顯示物品的地圖,如果他們存在
- 22. IE顯示破碎的圖像,'顯示圖像'使它們顯示正常
- 23. FFImageLoading一些PNG的URL不顯示圖像,而其他顯示圖像
- 24. 如何顯示的圖像是在strtus
- 25. 圖像的保存實例列表顯示他們在RecycleView
- 26. 爲什麼圖像顯示比他們應該更大?
- 27. 如何在UIwebview中顯示圖像,當他們從iPhone中的網絡加載?
- 28. 圖像懸停時,如何在懸停時顯示圖像?
- 29. 顯示並排兩個箱子邊,好像他們是一個
- 30. WPF FlowDocument顯示*一些*圖像但不是其他人
這個問題是基於要麼過於寬泛,意見或需要討論,所以是題外話堆棧溢出。如果您有特定的,可回答的編程問題,請提供完整的詳細信息。 –
我認爲這可能對您有所幫助,因此您可以爲用戶提供您想要在您的應用中使用的寬高比。 [CROPPER](https://fengyuanchen.github.io/cropper/)...請記住相同長寬比的所有圖像可以以相同尺寸顯示。 – T04435