[HTML]Pełne skalowanie strony., Czcionki, obrazki, tabele, wszystkie elementy strony. Opcje

[MadManix]

Witam,
W jaki sposób są tworzone strony internetowe, które są całkowicie skalowalne? Przykładowa strona: dhl.com.pl

Gdy wyświetlam ją na swoim telefonie (przeglądarka blackberry 7.1.0) - każdy element strony jest pomniejszony, wyskalowany proporcjonalnie do tego co pokazałoby się na zwykłym ekranie komputera. Czcionka jest pomniejszona, nieczytelna, trzeba powiększyć ekran żeby móc cokolwiek przeczytać - właśnie szukam czegoś takiego.

Tam, do określania wielkości czcionki, używają jednostek em. Kiedy stosuję u siebie te jednostki - nie daje tego efektu, podobnie z %, px. Jednostki vw, vh odpadają - przeglądarka ich nie obsługuje.

Czy ustawia się to może za pomocą jakiegoś meta tagu? Aktualnie mam:

[HTML] pobierz, plaintext 
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
[HTML] pobierz, plaintext 

[MadManix]

Jeszcze jeden przykład atmel.com. Tutaj div "content" ma sztywno ustawioną szerokość na 980px. Kiedy ja na mojej stronie ustawię 980px - nie daje tego efektu. Pojawia się poziomy suwak. Oczywiście mogę ekran oddalić przy pomocy zooma ale na stronie Atmela jest to już domyślnie oddalone, dopasowane do szerokości ekranu, bez poziomego suwaka. I nie rozumiem na czym to polega.