Kijan pou m fè sit mwen an "responsive" pou telefòn?

poze 4 months ago494 gadeht

7

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.

poze 4 months ago

1 Repons

6
✓
✓ Repons yo aksepte

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.

answered 4 months ago

Sign in and verify your email to post an answer.