Pontosan hogyan kell értelmezni a viewport meta tulajdonságot HTML-ben?

Értem a reszponzivitást. Értem, hogy a mediaquery-ket, azaz hogy bizonyos szélességekre más más CSS érvényesüljön. És értem, hogy desktop-on más más felbontások lehetnek.

De a viewport-ot nem értem. Pl Samsung galaxyn nézek egy oldalt, a telefon felbontása 1440 (szélesség). Miután megadtam ennek megfelelően:

[link]

Valóban az történt amit írtak, viszont így a weboldalam szélessége olyan 500 körül lehet. Magyarul most az oldalam azt hiszi, hogy kb 500-as a felbontás. Értem hogy a viewport a látható terület, de mi értelme van most annak, hogy kisebb szélességűnek hiszi magát az oldal?