CSS EM REM VW VH VMIN VMA
css에 em, rem, vw, vh, vmin, vma
em, rem, vw, vh, vmin, vmax
em : 부모 font-size를 상속받음
rem : 부모 font-size를 상속받지 않고 2em 으로 표시됨
vw : 브라우저너비의 해당 %
vh : 브라우저높이의 해당 %
vmin : 브라우저 너비와 높이중 짧은쪽의 해당 %
vmax : 브라우저 너비와 높이중 큰쪽의 해당 %
<style>
p {
margin: 0;
padding: 0;
font-size: 2em;
}
/* rem : 부모 font-size를 상속받지 않고 2em 으로 표시됨 */
p span:first-child {
font-size: 2rem;
}
/** em : 부모 font-size를 상속받음 */
p span:last-child {
font-size: 2em;
}
/** 브라우저 비율에 따라서 */
p.vw {
/* 5vw : 브라우저너비의 5% */
font-size: 5vw;
}
p.vh {
/* 5vh : 브라우저높이의 5% */
font-size: 5vh;
}
p.vmin {
/* 5vmin : 브라우저 너비와 높이중 짧은쪽의 5% */
font-size: 5vmin;
}
p.5vmax {
/* 5vmax : 브라우저 너비와 높이중 큰쪽의 5% */
font-size: 5vmax;
}
</style>
게시글 목록
| 번호 | 제목 |
|---|---|
| 1617 | |
| 1612 | |
| 1608 | |
| 1597 |
HTML
말씀듣고..
10
|
| 1595 | |
| 1592 |
HTML
웹표준....
2
|
| 1586 | |
| 1580 | |
| 1573 | |
| 1572 | |
| 1571 | |
| 1566 | |
| 1565 | |
| 1557 |
HTML
CSS 속성 적용의 우선 순위
7
|
| 1550 |
HTML
ㅋㅋㅋ죄송합니다;;;
6
|
| 1549 |
HTML
연습 TABLE vs DIV
|
| 1548 | |
| 1546 | |
| 1544 | |
| 1539 | |
| 1533 | |
| 1532 | |
| 1527 | |
| 1523 | |
| 1522 | |
| 1521 |
HTML
날나리 강좌. ㅋ HTML DTD
1
|
| 1520 | |
| 1519 | |
| 1517 |
HTML
[css] 마진 병합
2
|
| 1516 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기