使用zoom兼容小屏

src/App.css

@@ -165,4 +165,23 @@ body {
 }
 .opacity4 {
   opacity: 0.4;
+}
+
+@media screen and (max-width: 1366px) {
+  body{
+    zoom: 0.75;
+  }
+  .eco_home_banner{
+    height: calc(100vh * 1.85) !important;
+  }
+  body .fullscreen-element{
+    width: 133vw;
+    height: 135vh;
+  }
+  body .news .header-content, body .manual, body .news-detail .news-detail-header .ant-breadcrumb, body .version .manual{
+    padding: 0 calc((133vw - 1600px) / 2);
+  }
+  body .news .header-right{
+    width: 53vw;
+  }
 }

src/factory/index.jsx

@@ -198,7 +198,7 @@ function Index(props) {
 
   return (
     <div className="factory">
-      <div className="factory-banner">
+      <div className="factory-banner fullscreen-element">
         <div className="video-wpapper" ref={firstScreenRef}>
           <video className={`factory-banner-video ${firstV ? 'video-show' : ''}`} src={bg1} autoPlay muted onEnded={() => { setFirstV(false) }}></video>
           <video className={`factory-banner-video ${!firstV ? 'video-show' : ''}`} src={bg2} autoPlay muted loop></video>

src/forge/Main/projecthome/v2/components/banner.jsx

@@ -85,7 +85,7 @@ function Banner({isVisible}) {
   }, []);
 
   return (
-    <div className="banner_v2 color-white home_v2_child" id="home_v2_child1">
+    <div className="banner_v2 color-white home_v2_child eco_home_banner" id="home_v2_child1">
       {/* 主要内容区域 */}
       <div className="center pt20">
         <div className="main-title-v2 width1600">