Kijan pou m fè sit mwen an "responsive" pou telefòn?
poze 4 months ago494 gadeht
Sit mwen an bèl sou òdinatè, men sou telefòn tout bagay piti, e fò m zoome. Kisa m bliye?
Dyagnostik IA
Se IA ki fè l. Se pa yon repons — kominote a anba a konfime oswa korije l. Toujou verifye anvan ou fye l.
1 Repons
1. Tag viewport la (sa se pwoblèm ki pi komen an). Mete l nan <head>:
<meta name="viewport" content="width=device-width, initial-scale=1">
San li, telefòn nan afiche paj la tankou yon ekran òdinatè 980px epi li redwi l.
2. Kòmanse pa telefòn (mobile-first), epi ajoute règ pou ekran ki pi laj:
.kolon { display: grid; gap: 1rem; }
@media (min-width: 768px) {
.kolon { grid-template-columns: 1fr 1fr; }
}
3. Evite lajè fiks (width: 900px). Itilize max-width, %, rem, ak fr.
4. Imaj: img { max-width: 100%; height: auto; }
5. Teste ak DevTools (Ctrl+Shift+M nan Chrome), e sitou sou yon vrè telefòn bon mache. Se sa pifò itilizatè w yo genyen.
Konekte pou di lòt moun si li te mache.
Sign in and verify your email to post an answer.