拍攝固定尺寸的圖片

-1

我想拍攝固定尺寸的圖片。我測試此代碼：拍攝固定尺寸的圖片

.icon4 { 
    display: inline-block; 
    width: 270px; 
    height: 270px; 
    text-align: center; 
    color: #fff; 
    font-size: 130px; 
    line-height: 130px; 
    /*padding: 33px 20px 30px;*/ 
    max-width: 100%; } 
    .icon2:before { 
    display: inline-block; } 
    .icon2.fa-shekel { 
    background: #4884f2; } 
    .icon2.fa-compass { 
    background: #d24f4f; } 

<div class="icon4"> 
    <img src="http://st2.depositphotos.com/1058504/12481/i/450/depositphotos_124811492-Two-businesspeople-discussing-work-in.jpg" alt="" /> 
</div>

https://jsfiddle.net/be70nhyb/

當我有不同尺寸的圖片的最後的結果是不同的圖像尺寸。

如何從圖片中只取固定尺寸？

來源

2016-10-06 Peter Penzov

你真的只是問這個，它得到了關閉。 – Albzi

請參閱JSFFiddle中的示例 –

https://jsfiddle.net/be70nhyb/1/ –

添加「overflow：hidden;」到.icon4

來源

2016-10-06 14:33:59 Darango

由於某種原因，它在https://jsfiddle.net/be70nhyb/上工作，但在我的最終代碼上。 –

我認爲你需要給寬度和高度的圖像是這樣的：

.icon4 img { 
    width: 270px; 
    height: 240px; 
}

來源

2016-10-06 14:34:12

這將調整圖片大小。我如何才能獲得部分照片？ –

@PeterPenzov在上面的評論中看到Paulie_D的小提琴......我想這就是你需要的全部...... – kukkuz

拍攝固定尺寸的圖片

回答

相關問題