【问题标题】：Scaling of photo on different screen sizes在不同的屏幕尺寸上缩放照片
【发布时间】：2017-03-14 01:36:31
【问题描述】：
我们有一个承包商来设计我们的网站。在较小的屏幕上查看主页 (www.teacherspet.net.au) 时，或将浏览器窗口调整为较小时，照片会在左侧被截断。我说你的代码应该告诉浏览器调整照片大小以适应较小的窗口，但承包商说这个问题没有解决方案。
我不是网络专家，但我觉得这应该是现代网络技术早就应该解决的原始问题。我感觉就像我的新丰田凯美瑞在下雨时漏水，而汽车经销商告诉我这是事实，无法避免。我是对还是错？
【问题讨论】：
标签：
asp.net
model-view-controller
【解决方案1】：
由于图片的高度是恒定的，因此如果您不想在尺寸上出现白带，则必须剪切图像。通过将背景大小从“覆盖”更改为“100% 自动”并删除背景的“中心”，您可以获得可调整大小的图像。 （在 css 文件中）
.home_bg {
background: url(../img/header.jpg) no-repeat;
background-repeat:repeat-x;
min-height: 750px;
width: 100%;
margin-top:110px;
background-size: 100% auto;
}