Question

我正在使用MVC并将模型中的数据导入View。这是我的代码：

@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 Emulator中打开了这个页面，图片不适合浏览器。

我想要渲染图像，以适应打开它的任何浏览器。

怎么做？

Answer 1

试试这个

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

MVC - 渲染图像以适合浏览器

1 个答案: