添加@addTagHelper导致页面图片显示异常的技术求助

当在_ViewImports.cshtml或_Layout.cshtml中添加以下代码时：

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers 

页面中的图片会出现尺寸过大的失真问题；移除该代码后，图片恢复正常显示。

相关文件路径 #

• _Layout.cshtml 位于 Views/Home/Shared 目录
• _ViewImports.cshtml 位于 Views 目录

_ViewImports.cshtml 代码 #

@using EmployeeManagement.Models;
@using EmployeeManagement.ViewModels;
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelper

Details.cshtml 代码 #

@using EmployeeManagement.ViewModels

@model HomeDetailsViewModel
@* Can't place the next line in _ViewImports.cshtml *@
@* @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers 
 *@<div class="row justify-content-center m-3">
    <div class="col-sm-8"> 
        <div class="card">
            <div class="card-header">
                <h1>@Model.Employee.Name</h1>
            </div>

            <div class="card-body text-center">
                <img class="card-img-top" src="~/images/noimage.jpg" />

                <h4>Employee ID : @Model.Employee.Id</h4>
                <h4>Email : @Model.Employee.Email</h4>
                <h4>Department : @Model.Employee.Department</h4>

            </div>
            <div class="card-footer text-center">
                <a asp-controller="home" asp-action="index" class="btn btn-primary m-1">Back</a>
                <a href="#" class="btn btn-primary m-1">Edit</a>
                <a href="#" class="btn btn-danger m-1">Delete</a>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    <script src="~/js/CustomScript.js"></script>
}

显示效果对比 #

• 预期正常显示：
  

• 实际异常显示（尺寸过大）：
  

内容的提问来源于stack exchange，提问作者Yaakov Whise