[asp.net-mvc]MVC-以适应浏览器渲染的图像

发布时间: 2016/10/9 6:12:35
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我是使用 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 手机仿真器,打开此页和图片不适合在浏览器中。

我想要呈现以适合任何浏览器中打开的图像。

如何做到这一点?

解决方法 1:

试试这个

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