在不同的屏幕尺寸上缩放照片

Question

我们有一个承包商设计我们的网站。在较小的屏幕上查看主页（www.teacherspet.net.au）时，或者当您将浏览器窗口调整为较小时，会在左侧剪切照片。我说你的代码应该告诉浏览器调整照片大小以适应较小的窗口，但承包商说没有解决这个问题的方法。

我不是网络专家，但我觉得这应该是现代网络技术很久以前应该迎合的原始问题。我觉得这就像我的新款丰田凯美瑞在下雨时漏水，汽车经销商告诉我这就是现在的样子，没有办法可以避免。我是对还是错？

Answer 1

因为图片的高度是恒定的，所以如果你不想在你必须切割图像的尺寸上使用白色条带，效果会非常有效。通过更改＆＃34;覆盖＆＃34;的背景​​大小到＆＃34; 100％自动＆＃34;并删除＆＃34;中心＆＃34;背景你可以有一个调整大小的图像。 （在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; 
}