AMP 样式 amp-custom 在 HTML 上返回空；导致验证错误
cla*_*ckc 7 css reactjs next.js
我在 NextJs 上使用 AMP 并试图插入我的头部标签。我设法将它放入 head 标签中，但呈现的 html 返回一个空的
<style amp-custom></style>
而是将我所有的缩小样式 css 引导到没有属性“amp-custom”的单独样式标记中，这就是验证未通过的原因。
这是我如何做到的；
<Head>
{isAmp ? (
<>
<script
async
custom-element="amp-carousel"
src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"
></script>
<style amp-custom>
{`amp-img.nav-logo{margin:10px;margin-top:13px}.bg-primary-color{background-color:#ff4e4e}.bg-white{background-color:#fff}.px-3{padding-right:.75rem;padding-left:.75rem}.pb-3{padding-bottom:.75rem}.p-4{padding:1rem}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.detail-container{margin:0 auto;margin-top:16px;margin-bottom:16px;padding-right:16px;padding-left:16px}`}
{/* {`${Global} ${OutletDetail} ${InfoCardStyle}`} */}
</style>
</>
) : (
undefined
)}
<SEO />
</Head>
这是渲染的内容；
关于我做错了什么的任何建议？
| 归档时间： |
|
| 查看次数： |
370 次 |
| 最近记录： |