MVC - 渲染圖像以適應瀏覽器

Question

我正在使用MVC並從模型中獲取數據到視圖中。這裏是我的代碼：

@ModelType MvcApplication9.ImageInfo 
@Imports System.Web.Configuration.WebConfigurationManager 

@Code 

    ViewData("Title") = Model.ID.ToString 
    Dim ImageURL As String = AppSettings("ImagesUrl") 
    Dim FinalURL = String.Format("~/ContentTemporary/{0}", Model.ID.ToString + "/" + Model.fileName + "." + Model.Extension) 

End Code 


@Section Media 

    @If Model.ID.ToString IsNot Nothing Then 
    @:<div > 
     @:<center> 
       @:<img src="@Url.Content(FinalURL)" alt="" /> 
     @:</center> 
    @:</div> 
    End If 


End Section 

在_Layout.vb.html，我加入這一行：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 

我的Opera Mobile模擬器打開此頁面，這幅畫並不適合瀏覽器。

我想要的圖像，以便任何瀏覽器，它在被打開，以適應被渲染。

如何做到這一點？

Answer 1

試試這個

<div style="width:100%;float:left; text-align:center"> 
     <img src="@Url.Content(FinalURL)" alt="" style="max-width:100%;" title=""> 
    </div>