页面主体显示内容兼容性调整

src/assets/styles/common/bootstrap.min.css

@@ -644,10 +644,45 @@ pre code {
     .container-md,
     .container-sm,
     .container-xl {
+        max-width: 1080px
+    }
+}
+@media only screen and (min-width: 1200px) and (max-width: 1300px) {
+      .container,
+      .container-lg,
+      .container-md,
+      .container-sm,
+      .container-xl {
+        max-width: 1130px
+      }
+    }
+    @media only screen and (min-width: 1300px) and (max-width: 1450px) {
+      .container,
+      .container-lg,
+      .container-md,
+      .container-sm,
+      .container-xl {
+        max-width: 1220px
+      }
+    }
+    @media only screen and (min-width: 1450px) and (max-width: 1600px) {
+      .container,
+      .container-lg,
+      .container-md,
+      .container-sm,
+      .container-xl {
+        max-width: 1380px
+      }
+    }
+    @media (min-width: 1600px) {
+      .container,
+      .container-lg,
+      .container-md,
+      .container-sm,
+      .container-xl {
         max-width: 1420px
+      }
     }
-}
-
 .row {
     display: -ms-flexbox;
     display: flex;

src/views/cases/read.vue

@@ -100,4 +100,12 @@
             </div>
         </section>
     </div>
-</template>
+</template>
+<style>
+.text-left>p{
+    text-indent: 2em !important;
+}
+.text-left>p>span{
+    display: block;
+}
+</style>

src/views/services/read.vue

@@ -101,4 +101,9 @@ export default defineComponent({
                     </div>
                 </section>
             </div>
-</template>
+</template>
+<style>
+.read_content>.row>div>img{
+    width:100% !important
+}
+</style>