小编Ano*_*p V的帖子

我正在使用 next/image 来渲染我的图像，如下所示：

<Image 
 src={imageLink} 
 width="1920" 
 height="512" 
 alt="Hero Image" 
/>

这对于 750 像素以上的屏幕宽度来说是很好的。

当用户在手机或平板电脑上（屏幕宽度750px以下）访问时，如何将高度更新为“612”？

我正在使用布局开发 NextJS 项目，以便我可以对所有页面使用相同的页眉和页脚。但对于其中一页，我不需要页眉，我只需要页脚。有什么办法可以做到这一点吗？

这是我的 _App.js：

function MyApp({ Component, pageProps }) {
  return (
    <Layout>
      <Component {...pageProps} />;
    </Layout>
  );
}

这就是我渲染它们的方式：

  <Header />
  <SidebarMenu />
  <FloatingChat />

  {/* Display props */}
  {children}

  <Footer />