[HTML 정보] link 태그에서 사이즈 조건에 만족할 때 웹 CSS 적용 방법 - Whitmem
[HTML 정보] link 태그에서 사이즈 조건에 만족할 때 웹 CSS 적용 방법
Web Development
2023-03-27 06:53 게시 e127409636ea63d80727
0
0
84
이 페이지는 외부 공간에 무단 복제할 수 없으며 오직 있는 그대로 게시되며 부정확한 내용을 포함할 수 있습니다. 법률이 허용하는 한 가이드 라인에 맞춰 게시 내용을 인용하거나 출처로 표기할 수 있습니다.
This page is not to be distributed to external services; it is provided as is and may contain inaccuracies.
HTML 태그
HTML CSS 파일을 불러오거나 적용할 때 화면 페이지가 특정 조건일 때만 적용되도록 구성할 수 있습니다.
<link rel="stylesheet" href="style.css"/>
media 태그 적용
media 태그에 조건을 넣어 해당 조건이 만족할 때에만 style.css 가 적용되도록 할 수 있습니다.
400px 의 너비까지 style.css 적용
<link rel="stylesheet" media= "(max-width: 400px)" href="style.css"/>
400px 의 너비부터 style.css 적용
<link rel="stylesheet" media= "(min-width: 400px)" href="style.css"/>
태그 같이 사용하기
조건을 같이 사용해서, 400px까지는 style.css 를 적용하고, 400px부터는 pc_style.css 를 사용합니다.
<link rel="stylesheet" media= "(max-width: 400px)" href="style.css"/> <link rel="stylesheet" media= "(min-width: 400px)" href="pc_style.css"/>
댓글 0개
댓글은 일회용 패스워드가 발급되며 사이트 이용 약관에 동의로 간주됩니다.
확인
Whitmemit 개인 일지 블로그는 개인이 운영하는 정보 공유 공간으로 사용자의 민감한 개인 정보를 직접 요구하거나 요청하지 않습니다. 기본적인 사이트 방문시 처리되는 처리 정보에 대해서는 '사이트 처리 방침'을 참고하십시오. 추가적인 기능의 제공을 위하여 쿠키 정보를 사용하고 있습니다. Whitmemit 에서 처리하는 정보는 식별 용도로 사용되며 기타 글꼴 및 폰트 라이브러리에서 쿠키 정보를 사용할 수 있습니다.
이 자료는 모두 필수 자료로 간주되며, 사이트 이용을 하거나, 탐색하는 경우 동의로 간주합니다.