px, a % w CSS

Question

Mam dręczące mnie pytanie, a generalnie: dlaczego gdy używam w moim projekcie przy np. width: 1000px; i wszędzie stosuję pixele projekt działa (w tym float: left; etc.), aczkolwiek gdy wartości zamieniam na procenty na czym bardziej mi zależy, bo przecież nie mogę określić kto jaki ma monitor, wtedy cały projekt się rozpierdziela? Jaki jest tego powód? Oraz drugie pytanie na czym polega programowanie strony responsywne? Gdzieś znajdę poradnik, prosiłbym o podstawowe informacje :)

Answer 1

Względem procentów to nie wiem.

https://pl.wikipedia.org/wiki/Responsive_Web_Design <-- Responsive Design,

https://developer.mozilla.org/pl/docs/Programowanie_WWW/Responsive_Web_design

a także polecam zaznajomić się z  http://snook.ca/archives/html_and_css/vm-vh-units

Answer 2

Ponieważ % zawsze są liczone względem rodzica. W przypadku float to jest skomplikowana sprawa, bo pomimo tego, że obiekt z float ma rodzica, to jest wyłączony ze standardowego obiegu, dlatego jego szerokość nie ma względem czego być liczona.