我使用以下代码为网页创建标题“logo”：
<header>
<div class="jumbotron">
<!-- insert logo here -->
</div>
</header>
制作图像的最佳方式/分辨率通常是什么，以便它始终适合整个超大屏幕，但在缩小到移动/平板电脑尺寸时不会扭曲太多？此外，一旦我制作了图像，并且src它我在这里“插入徽标”是否有CSS我可以用来帮助解决这个问题？
答案 0 :(得分：1)
如果您只是想让图片占用整个// multiple fields may have the PrintType
var fields = val
.Split(',')
.Where(x => x.IndexOf(PrintType, StringComparison.InvariantCultureIgnoreCase) >= 0);
// first field in the list will be now in the variable
var a = fields.FirstOrDefault();
，那么您可以将一个课程应用到jumbotron，例如<img>并使用.image它的风格如下：
CSS您仍会看到.image {
width: 100%;
height: auto;
}
课程的略微背景，因此我建议添加此内容：
jumbotron就响应性而言，为了让您了解未来的任何需求，您可以使用.jumbotron {
padding:0;
}
来处理不同屏幕尺寸的某些类或标签。示例：
@media这意味着对于任何小于或等于@media all and (max-width: 500px) {
.image {
width: 75%;
}
}
的屏幕尺寸，所有.image类的宽度将为75％。