Html iPhone上的部分背景大小不正确

我已经尝试了好几个小时，在iPhone上使用固定或滚动的分区标签来调整某个分区的背景大小，但是我还没有找到任何常用的补丁。无论我尝试了什么，iPhone的背景图像仍然被吹得不成比例

我尝试在meta标记中包含“user scalable=no”。 我试着将该部分包含在一个高度和宽度均为100%的分区中。 我尝试使用jQuery强制调整大小。 我尝试为iPhone添加一个媒体查询，将背景附件设置为“初始”

我仍然不明白我试图实现的修复在理论上应该是如何工作的，但在我看来，问题可能是css或html，而不是现在这么多假定的修复都不起作用

就我想成为一名网页设计师的愿望而言，这无疑是一个挫折。 谢谢

星期三会前（可选）
第0天


提前登记入住

博洛尼亚之旅

博洛尼亚党

星期四：9-17
第一天

登记

基调

午餐和咖啡时间免费

素食主义者的选择

分享经验并在其他小组中提供反馈

广场派对上的比萨饼（晚上）

#国会部{
背景：url（../img/policy2_2.jpg）；
背景位置：底部；
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
颜色：$color3；
}
@介质（最大宽度：767px）{
#国会部{
背景附件：首字母；
}
}

以下是您问题的有效解决方案

星期三会前（可选）
第0天


提前登记入住

博洛尼亚之旅

博洛尼亚党

星期四：9-17
第一天

登记

基调

午餐和咖啡时间免费

素食主义者的选择

分享经验并在其他小组中提供反馈

广场派对上的比萨饼（晚上）

#国会部{
显示：内联块；
宽度：100%；
背景：url（../img/policy2_2.jpg）；
背景位置：底部；
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
颜色：$color3；
}
@介质（最大宽度：767px）{
#国会部{
背景尺寸：封面；
}
}

以下是您问题的有效解决方案

星期三会前（可选）
第0天


提前登记入住

博洛尼亚之旅

博洛尼亚党

星期四：9-17
第一天

登记

基调

午餐和咖啡时间免费

素食主义者的选择

分享经验并在其他小组中提供反馈

广场派对上的比萨饼（晚上）

#国会部{
显示：内联块；
宽度：100%；
背景：url（../img/policy2_2.jpg）；
背景位置：底部；
背景尺寸：封面；
背景重复：无重复；
背景附件：固定；
颜色：$color3；
}
@介质（最大宽度：767px）{
#国会部{
背景尺寸：封面；
}
}

我已经尝试了此响应，但没有结果，但我发现SCS编译存在问题，而不是我以前尝试过的所有解决方案。现在每一个都可以工作了。谢谢我已经尝试过这个响应，但没有任何效果，但是我发现了SCS编译的问题，而不是我以前尝试过的所有解决方案。现在每一个都可以工作了。谢谢这个解决方案确实有效，但它不适用于我的项目，这导致我重新评估了我工作流程中的每一步。几个小时后，我在sass编译中发现了这个问题。谢谢你的帮助！这个解决方案确实有效，但它不适用于我的项目，这导致我重新评估了我工作流程中的每一步。几个小时后，我在sass编译中发现了这个问题。谢谢你的帮助！

   <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

     <section id="congress-section" class="py-4">
       <div class="container">
         <div class="row py-3">
           <div class="col-md-6 mb-3">
             <div class="card card-outline-secondary">
               <div class="card-block">
                 <h3 class="text-center">Wednesday Pre-Party (optional)</h3>
                 <p class="lead">Day 0</p>
                 <hr>
                 <p><i class="fa fa-check"></i>Early Check-In & Registration</p>
                 <p><i class="fa fa-camera-retro"></i>Tour Around Bologna</p>
                 <p><i class="fa fa-glass"></i>Party alla bolognese</p>
               </div>
             </div>
           </div>
           <div class="col-md-6 mb-3">
             <div class="card card-outline-secondary">
               <div class="card-block">
                 <h3 class="text-center">Thursday: 9 - 17</h3>
                 <p class="lead">Day 1</p>
                 <hr>
                 <p><i class="fa fa-check"></i>Registration</p>
                 <p><i class="fa fa-quote-left"></i>Keynote</p>
                 <p><i class="fa fa-cutlery"></i>Lunch & Coffee Time Gratis</p>
                 <div class="col-11 offset-1 subicon">
                   <p><i class="fa fa-leaf"></i>Vegan Options</p>
                 </div>
                 <p><i class="fa fa-users"></i>Share Experience & Give Feedback in Alternative Groups</p>
                 <p><i class="fa fa-beer"></i>A Pizza in Piazza Party (Night)</p>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </section>



  #congress-section {
      background: url(../img/police2_2.jpg);
      background-position: bottom;
      background-size: cover;
      background-repeat: no-repeat;
      background-attachment: fixed;
      color: $color3;
    }

    @media (max-width: 767px) {
      #congress-section {
        background-attachment: initial;
      }
    }