Procenty czy piksele ?

pytanie zadane 6 marca 2017 w HTML i CSS przez bat_kuba Użytkownik (600 p.)

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 :)

komentarz 6 marca 2017 przez morele123 Gaduła (4,790 p.)

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

komentarz 6 marca 2017 przez bat_kuba Użytkownik (600 p.)

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

komentarz 6 marca 2017 przez morele123 Gaduła (4,790 p.)

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.

komentarz 6 marca 2017 przez Raymond.Z Obywatel (1,800 p.)

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.

komentarz 6 marca 2017 przez bat_kuba Użytkownik (600 p.)

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ę ;)

komentarz 6 marca 2017 przez bat_kuba Użytkownik (600 p.)

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

2 odpowiedzi

odpowiedź 7 marca 2017 przez IBB Gaduła (3,020 p.)

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/

komentarz 7 marca 2017 przez IBB Gaduła (3,020 p.)

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.