em을 사용하여 글꼴 크기 설정
분석 예:
CSS에서 em은 사용자가 사용하는 글꼴에 자동으로 적응할 수 있기 때문에 매우 유용한 단위입니다.
모든 브라우저에서 텍스트 크기를 조정하려면 em 단위를 사용하여 글꼴 크기를 설정하세요. 불행히도 여전히 IE 문제입니다. 텍스트 크기를 조정하면 평소보다 크거나 작게 표시됩니다.
브라우저의 기본 텍스트 크기는 16px이지만 1em은 기본 텍스트 크기와 같습니다.
다음 공식을 사용하여 픽셀을 em으로 변환할 수 있습니다:
● px/16=em
새로운 파일
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>This is a paragraph.</p>
</body>
</html>
시사
Clear
- 코스 추천
- 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~
이 강좌를 시청한 학생들도 학습하고 있습니다.
PHP로 사업을 시작하는 방법에 대해 간단히 이야기해 보겠습니다.
웹 프론트 엔드 개발에 대한 빠른 소개
민망한 물건 백과사전 사이트를 모방한 Mini 버전 MVC 프레임워크의 대규모 실용 Tianlongbabu 개발
PHP 실용 개발 시작하기: 빠른 PHP 생성 [중소기업 포럼]
로그인 인증 및 클래식 게시판
컴퓨터 네트워크 지식 수집
빠른 시작 Node.JS 정식 버전
당신을 가장 잘 이해하는 프론트엔드 강좌: HTML5/CSS3/ES6/NPM/Vue/...[원본]
자신만의 PHP MVC 프레임워크 작성(깊이 있는 40개 장/자세한 내용/초보자가 발전하려면 읽어야 함)