Procenty czy piksele ?

Question

Witam,

chciałbym się dowiedzieć w czym warto projektować stronkę :) Czy lepiej pisać style w procentach czy może jednak w pikselach. Prosiłbym o radę i wyjaśnienie dlaczego :)

Zadaję to pytanie ze względu na to iż lepiej od razu uczyć się tworzyć strony responsywne i myślę, że ma % albo px mają znaczenie :)

Z góry dzięki za odp :)

Comments

Style w sensie?? Czcionke ustawiać w procentach? Czy divy pisać w procentach??

---

Chodzi o: body, header, nav, footer, div itp itd :) czcionka w sumie też mnie interesuje :)

---

Nie wiem jak to robią zawodowcy, ale ustawiasz przeważnie wartość maksymalną tak żeby ci ta twoja strona się nie rozwaliła jak ktoś ma jakąś dużą rozdzielczość. A resztę ustawiasz procentowo tak aby ci się skalowało ładnie. Co do czcionek to nie mam pojęcia jak to wygląda na telefonach, ale jak piszesz na komputer stronę to normalnie rozmiar tylko ustalasz.

---

Obie mają swoje plusy i minusy.

Krótko mówiąc, procenty będą lepsze dla stron mobilnych, ale jeśli chcesz coś mieć konkretnego rozmiaru, żeby uzyskać najczęściej jakiś efekt to akurat wtedy warto użyć pikseli.

Co do czcionek jeśli już robisz stronę w procentach, czcionki niech też będą w procentach. Tak samo w przypadku pikseli.

---

Chodzi mi o to czy przy użyciu warunków Media Queries

@media (max-width: xxx px) and (min-width: xxx px) {
/* style css */
}

,w których i tak mogę zmieniać 'style' marginesy, paddingi, szerokości itp nie lepiej używać pikseli żeby wszystko było zapięte na ostatni guzik. Czy może jednak lepsze są procenty ze względu na możliwość automatycznego dostosowywania się ;)

 

 

---

Jeśli ktoś zna dobry i ciekawy artykuł z chęcią przygarnę linka :D Dzięki za odpowiedzi : p

Answer 1

Zdecydowanie nie piksele. Poczytaj o jednostkach relatywnych (%, em, rem, vw, vh, vmin, vmax, itd) i ich zastosowaniu. 

W poniższym artykule masz podanych kilka podstawowych argumentów: 

http://blog.frankmtaylor.com/2016/03/23/responsive-websites-are-all-about-how-you-measure-in-your-css/

Comments

Downvote warto by było poprzeć uzasadnieniem. Jakieś kontrargumenty, przykłady, linki do artykułów? Samo kliknięcie na strzałkę w dół niewiele pomoże użytkownikom forum.

Answer 2

Responsywność zapewnia styl mieszany ;) lub używanie parametrów max/min - width/height. Główny content możesz dać w np na stałę w pikselach a potem za pomocą media query zmienić szerokość w PX na szerokośc w procentach. Możesz też zastosować max-width i osiągniesz ten sam efekt w prostrzy sposób. Ciekawą jednostką która można wykorzystać w kodzie jest też vh i vw doś nowe jednostki ;)