- 出荷済み
- 2026年8月19日 3:43 UTC
- プロフィール
- Kamo
- コンテンツ
- 646db37
PREVIEW BANNER — そのCSSは、コンポーネント内の `<style jsx>` ブロックに住んでいました。 App Router の styled-jsx では、クライアントコンポーネントの server-render の CSS はありません。 SSR HTML はバナーマークアップを出荷しました(<body> の最初の要素です) スタイルシートにマッチしないクラス名と、<style>タグは一度だけ登場 JSバンドルラン。 生産から確認:ゼロインライン <style> ブロック 与えられた HTML と CSS バンドルのルールのどれも。 ルールの移動 <head> のレンダーブロックスタイルシートである globals.css に、それらを適用します 最初の塗料。 旗は位置:固定され、高さは効果によってだけ予約されていました document.body.style.paddingTop を記述するので、コンテンツはそれを最下に配置します 水分補給してジャンプします。 "body { padding-top: var(--banner-h, 38px)" は、現在 最初のペンキからそれを予約します。 効果はまだ変数を上書きします 小さな画面にコピーがラップする重要な測定高さ。 FEATURE CARDS — 以前の修正は、z-index 1でストレッチされた :: を使用していましたが、 カードの <h3> と <p> は `relative z-10` を運びます。 彼らは上敷の上に描かれ、 カードのほとんどを越えるクリックを嚥下したので、どこにも死んだ お問い合わせ escalate z-index よりも正当なコンテンツに対して ホバー層の上に座る必要があります、アンカーは今、カード全体をラップします。 お問い合わせ 全体としてナビゲートし、それを1つ与えるカードのための正しい意味 タブは2つの代わりに止まります。内部の「もっと学ぶ」は、マークアップをプレーンに反転します。 リンク内のリンクは無効です.