Pagina 1 din 1

Problema redimensionare pagina web pe sisteme diferite

Scris: Mar Apr 08, 2014
de nicuzbona
Salut.
Am facut o pagina web, totul ok pana merg la un PC mai vechi cu win xp si imi accesez site-ul. La acest PC width -ul site-ului era de 90% ( banuiesc, decoarece era foarte mare). La PC-ul unde am facut siteul, width-ul era de 1000px ( pentru ca asa l-am setat sa fie). De ce aceasta transformare?

Problema redimensionare pagina web pe sisteme diferite

Scris: Mie Apr 09, 2014
de MarPlo
Salut
Depinde cum ai setat dimensiunile si marginile in css, pentru body si elementul principal in care e tot continutul.
Daca valoarea e in pixeli (px), aspectul ramane fix, daca e in procente (%) se ajusteaza dupa marimea ferestrei, daca e in "em" se ajusteaza in functie de tipul browser-ului.

Problema redimensionare pagina web pe sisteme diferite

Scris: Mie Apr 09, 2014
de nicuzbona
Am inteles. Si care metoda sa folosesc pentru a nu mai avea aceasta problema ? % sau em ?

Problema redimensionare pagina web pe sisteme diferite

Scris: Mie Apr 09, 2014
de MarPlo
Din experienta, pentru dimensiuni si margini folosesc procente, pentru 'padding' si 'font-size' aplic "em'.
Se poate combina, de exemplu, o lungime maxima si minima 'em' sau pixeli, si lungimea variabila in procente.

Cod: SelectaĊ£i tot

#element {
  margin: 1em auto;    /* sau: 5px 1% */
  width: 95%;
  max-width: 55em;
  min-width: 400px;
}
- Dar nu e ceva standard, se seteaza in functie de designul folosit si cum vrei sa apara. In procente e avantajos ca se poate vedea bine si pe dispozitive mobile (notebook, telefon).
- Valorile in 'em' sunt mai dificil de controlat fiindca acea dimensiune e influentata si de cea a elementelor parinte, dar treptat se invata.