没改轮播图的版本
This commit is contained in:
+30
-1
@@ -22,8 +22,9 @@
|
||||
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
min-width: 320px;
|
||||
min-width: 1280px;
|
||||
line-height: 1.6;
|
||||
transform-origin: top left;
|
||||
}
|
||||
a { color: inherit; text-decoration: none; }
|
||||
|
||||
@@ -65,6 +66,7 @@
|
||||
min-height: 100vh;
|
||||
}
|
||||
.container {
|
||||
width: 1000px;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 0 24px;
|
||||
@@ -475,6 +477,33 @@
|
||||
<p class="footer-text">© 2025 宠科智能科技(苏州)有限公司 保留所有权利</p>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// 视口缩放 - 基于1920px设计稿
|
||||
(() => {
|
||||
const designWidth = 1920;
|
||||
const minWidth = 1280;
|
||||
const maxWidth = 2560;
|
||||
|
||||
function scale() {
|
||||
const vw = window.innerWidth;
|
||||
let scale = 1;
|
||||
|
||||
if (vw < minWidth) {
|
||||
scale = vw / minWidth;
|
||||
} else if (vw > maxWidth) {
|
||||
scale = vw / maxWidth;
|
||||
} else {
|
||||
scale = vw / designWidth;
|
||||
}
|
||||
|
||||
document.body.style.transform = `scale(${scale})`;
|
||||
document.body.style.width = `${designWidth}px`;
|
||||
}
|
||||
|
||||
scale();
|
||||
window.addEventListener('resize', scale);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
// 页面类型
|
||||
const PAGE_TYPE = 'legal';
|
||||
|
||||
Reference in New Issue
Block a user