Opriți bannerul intermitent nestilat, faceți click pe cărți întregi

Fixkamo-marketing
Expediere
19 august 2026 la 03:43 UTC
Autor
Kamo
Comite
646db37

PREVĂZUT BANNER În App Router stild-jsx nu server-render CSS pentru componentele client, astfel încât SSR HTML a expediat marcarea bannerului (este primul element din <body>) cu nume de clasă care nu corespund foii de stil, iar tag-ul <style> a apărut o singură dată Pachetul JS a fugit. Confirmat împotriva producției: zero în linie <stil> blocuri în HTML servit, și nici una dintre regulile din pachetul CSS, fie. Regulile se mişcă. la Globals.css, care este o foaie de stil de randare în <head>, astfel încât acestea se aplică pe prima vopsea. Bannerul este pozitia: fix si inaltimea sa a fost rezervata doar printr-un efect scriere document.body.style.padddingTop, astfel conţinutul a stat sub ea până când hidratare şi apoi sărit. Body {padding-top: var(--banner-h, 38px) ] rezervă de la prima vopsea; efectul încă suprascrie variabila cu înălțimea măsurată, care contează unde copia se învelește pe ecrane mici. FEATURE CARDS Cardul este <h3> și <p> transporta Au pictat deasupra suprafeţei şi Înghițit clicul peste cea mai mare parte a cardului, așa că era încă mort peste tot Asta a contat. Mai degrabă decât escaladarea z-index împotriva conținutului care legitim trebuie să stea deasupra straturilor de plutire, ancora împachetează acum întreaga carte. Asta este semantica potrivită pentru o carte care navighează ca un întreg și îi dă una tab stop în loc de două; interior "Învață mai mult" revine la marca simplă, deoarece un link în interiorul unui link este invalid.

Toate modificările

Ca ceea ce vezi de transport maritim?

Fiecare dintre aceste actualizări aterizează automat în spațiul de lucru. Începe gratuit și urmăriți-l crească săptămână după săptămână.

Pornește gratuit pentru totdeaunaVezi prețurile