Procházet zdrojové kódy

meta viewport 标签配置修改

fogwind před 1 dnem
rodič
revize
ccd2da7daa
1 změnil soubory, kde provedl 11 přidání a 1 odebrání
  1. 11 1
      src/app/layout.tsx

+ 11 - 1
src/app/layout.tsx

@@ -1,4 +1,5 @@
 import localFont from "next/font/local";
+import type { Viewport } from 'next';
 import { cookies } from "next/headers";
 import Script from "next/script";
 import "./globals.css";
@@ -33,6 +34,16 @@ const __srOnly: React.CSSProperties = {
   border: 0,
 };
 
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  maximumScale: 2,
+  // userScalable: false,
+  viewportFit: "cover"
+  // Also supported but less commonly used
+  // interactiveWidget: 'resizes-visual',
+}
+
 // https://nextjs.org/docs/app/api-reference/components/font#local-fonts
 export const outfit = localFont({
   src: '../assets/fonts/Outfit_Variable_weight_100_900.woff2',
@@ -123,7 +134,6 @@ export default async function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <head>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"></meta>
         {(loadEruda && loadEruda.value === '1') && <Script src="https://cdn.jsdelivr.net/npm/eruda" strategy="beforeInteractive" />}
       </head>
       <body className={clsx(