Ostatnio edytowany:

vmax

Autor: Virtual Patriot

Przeznaczenie jednostki vmax

Jednostka vmax (czyli viewport maximum) oznacza jeden procent (czyli 0.01) aktualnego największego wymiaru (czyli rozmiaru szerokości lub rozmiaru wysokości) płaszczyzny, na której została wyświetlona dana strona internetowa. Wspomnianą płaszczyzną najczęściej jest okno przeglądarki internetowej.

Przykładowo, gdy rozmiar szerokości okna przeglądarki internetowej w danej chwili jest większy od rozmiaru wysokości okna przeglądarki internetowej, wtedy obliczanie przez przeglądarkę internetową długości wyrażonej za pomocą jednostki vmax dokonywane jest na podstawie rozmiaru wspomnianej szerokości, a nie na podstawie rozmiaru wspomnianej wysokości. W przeciwnym wypadku jest na odwrót.

Przykład jednostki vmax

  width:30vmax;
rozmiar szerokości obszaru zawartości tego elementu "div" wynosi "30vmax", ponieważ do tego elementu "div" została dodana właściwość "width" wraz z wartością "30vmax"

Kod źródłowy przykładu

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs CSS</title>

    <style>
      html {
        font-size:16px;
        font-family:Helvetica, sans-serif;
      }

      div {
        width:30vmax;
        font-size:1.3em;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div>
      rozmiar szerokości obszaru zawartości tego elementu "div" wynosi "30vmax", ponieważ do tego elementu "div" została dodana właściwość "width" wraz z wartością "30vmax"
    </div>

  </body>
</html>

Interpretacja jednostki vmax

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

nie

Edge

tak

Zobacz więcej informacji o interpretacji jednostki .