固定圖像大小

我有一個可以由用戶更改的圖像。他可以上傳要在頁面上顯示的任何圖像。固定圖像大小

我想設置一個不改變其大小的固定矩形，無論用戶上傳16x16圖像還是2048x2048圖像。

因此，上傳的圖像將被調整大小以適應固定的矩形（小於矩形的圖像將拉伸以適合大於矩形的圖像縮小以適合）。

HTML

<div class="float-left"> 

    <img width="300" height="300" src="@ViewBag.imgPath" alt="Your pic" /> 

</div>

我試圖設置img元素的width和height屬性，但它不工作。我也試圖設置包含它的div的寬度和高度，但沒有運氣。

來源

2014-07-16 chiapa

Html樣式不使用px。另外，你應該在css而不是內聯硬編碼或內聯樣式中執行此操作。

<div class="float-left"> 

    <img width="300" height="300" src="@ViewBag.imgPath" alt="Your pic" /> 

    <div class="centered bold"> 
     @Session["userName"] 
    </div> 

</div>

來源

2014-07-16 17:07:29 VikingBlooded

注意，如果你將其轉換爲CSS樣式，而不是，那麼你可以使用「PX」 – Lochemage

沒錯，+1 Lochemage – VikingBlooded

我很抱歉，但這個不起作用。我試圖放大圖片（1033x1384），沒有任何內容顯示，只有'img'標籤的'alt'屬性 – chiapa

固定圖像大小

回答

相關問題