Ostatnio edytowany:

vmin

Autor: Virtual Patriot

Przeznaczenie jednostki vmin

Jednostka vmin (czyli viewport minimum) oznacza jeden procent (czyli 0.01) aktualnego najmniejszego 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 mniejszy od rozmiaru wysokości, wtedy obliczanie przez przeglądarkę internetową długości wyrażonej za pomocą jednostki vmin dokonywane jest na podstawie rozmiaru wspomnianej szerokości, a nie rozmiaru wysokości. W przeciwnym wypadku jest na odwrót.

Przykład jednostki vmin

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

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:30vmin;
        font-size:1.3em;
        background-color:#AFF;
      }
    </style>
  </head>

  <body>

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

  </body>
</html>

Interpretacja jednostki vmin

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak, lecz od wersji 10

Edge

tak

Zobacz więcej informacji o interpretacji jednostki .