我正在使用foundation 4作为我的个人网站的框架(不是100%的投资组合网站,更像是作为自由职业者宣传自己),我有一个带有背景图像集的联系人框,并应用了这些CSS样式:
#contact-box {width: 1052px;
height: 400px;
background-image: url('../images/contact-bg.png');
margin-top: 150px;}
我想让它在你缩小浏览器时缩小,但它只是给了我一个水平滚动条并且根本不缩放,我知道这是因为设置了 1052px 宽度......所以我将如何编码所以它的响应?如果我使用最大宽度和最大高度,它会破坏 div 并删除它的 bg 图像。联系人框中有一个联系表单(响应式)以及一个电话号码、电子邮件和 3 个社交图标。