백분율과 em의 조합 사용

백분율과 em의 조합 사용

 

모든 브라우저에서 작동하는 솔루션은 <body> 요소의 기본 글꼴 크기를 백분율로 설정하는 것입니다.

 

 

body {

    font-size: 100%;

}

 

h1 {

    font-size: 2.5em;

}

 

h2 {

    font-size: 1.875em;

}

 

p {

    font-size: 0.875em;

}

 

 

 

<!DOCTYPE html>

<html>

<head>

<style>

body {

    font-size: 100%;

}

 

h1 {

    font-size: 2.5em;

}

 

h2 {

    font-size: 1.875em;

}

 

p {

    font-size: 0.875em;

}

</style>

</head>

<body>

 

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<p>This is a paragraph.</p>

<p>Specifying the font-size in percent and em displays the same size in all major browsers, and allows all browsers to resize the text!</p>

 

</body>

</html>

d209a7ffd7e5836c3bf7a103bf510cc9_1487598113_4768.png

|

댓글 1개

좋은거 알려주셔서 감사합니당ㅎㅎ
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 9년 전 조회 1,887
CSS 9년 전 조회 1,989
CSS 9년 전 조회 2,616
CSS 9년 전 조회 2,676
CSS 9년 전 조회 2,048
CSS 9년 전 조회 2,528
CSS 9년 전 조회 2,077
CSS 9년 전 조회 2,116
CSS 9년 전 조회 2,024
CSS 9년 전 조회 1,734
CSS 9년 전 조회 1,785
CSS 9년 전 조회 3,313
CSS 9년 전 조회 2,316
CSS 9년 전 조회 1,927
CSS 9년 전 조회 2,356
CSS 9년 전 조회 2,395
CSS 9년 전 조회 2,617
CSS 9년 전 조회 1,875
CSS 9년 전 조회 2,733
CSS 9년 전 조회 2,038
CSS 9년 전 조회 2,125
CSS 9년 전 조회 2,227
CSS 9년 전 조회 2,234
CSS 9년 전 조회 3,152
CSS 9년 전 조회 2,183
CSS 9년 전 조회 2,254
CSS 9년 전 조회 2,200
CSS 9년 전 조회 2,087
HTML 9년 전 조회 2,503
CSS 9년 전 조회 2,429