CSS3는 컴퓨터와 핸드폰의 페이지 자체 적응을 실현한다
800 단어 CSS3
링크 방법이 미디어 유형을 도입하는 것은 탭이 스타일을 인용할 때 링크 탭의 미디어 속성을 통해 서로 다른 미디어 유형을 지정하는 것이다.이런 방식은 미디어 형식을 도입할 때 자주 인용된 스타일 파일을 따라간다. 아래와 같다.
2. @media 사용
@media는 CS3에서 도입한 특징으로 미디어 조회라고 하는데 중간이나 외부 스타일 파일에 직접 쓸 수 있습니다.예를 들어 미디어가 화면인지, 화면 크기가 960px보다 작은지 조회합니다:
@media screen and (max-width: 960px){
/* CSS */
}
@media screen and (min-width: 960px){
/* CSS */
}이상은 컴퓨터 쪽인지 핸드폰 쪽인지 가장 고전적인 판단입니다.
비고: 960px는 대략적인 수치일 뿐입니다. 완벽하게 어울리려면 디스플레이를 보셔야 합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
【Vue 엔지니어가 만든다】 절대 실패하지 않는 CSS 네비게이션 메뉴 정리 13선이 기사에 기재된 디자인 코드는 모두 자유롭게 사용해 주셔서 괜찮습니다 (필자가 작성했기 때문에) 프로젝트에 넣어보다 충실한 디자인으로 해 주면 ○ 움직임은 아래 이미지처럼 느껴집니다 1. 헤더로 사용하기 쉬운 간단...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
