Open1
next.jsで<head>要素内の<meta name="viewport">を設定する方法
cordeliapages/_app.js に設定する
// pages/_app.js
import Head from 'next/head'
function MyApp({ Component, pageProps }) {
return (
<>
<Head>
<meta name="viewport" content="viewport-fit=cover" />
</Head>
<Component {...pageProps} />
</>
)
}
export default MyApp
別コンポーネントに切り出して利用する
import Head from "next/head";
export default function Meta() {
return (
<Head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</Head>
)
}
参考