vmin
- Data publikacji
- Ostatnio edytowano
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 okna przeglądarki internetowej, 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 na podstawie rozmiaru wspomnianej wysokości. W przeciwnym wypadku jest na odwrót.
Przykład jednostki vmin
width: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:#7DCDE8;
}
</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
-
tak
-
tak
-
tak
-
tak
-
tak, lecz od wersji 10
-
tak
Zobacz więcej informacji o interpretacji jednostki vmin.