728x90
728x90
사용해야 할 때..
익스플로러가 업데이트가 종료된 지금 전반적으로 CSS사용이 많이 편리해졌지만,
에지나 IOS 등 크로스브라우징을 체크했을 때 동일하게 적용되지 않는 CSS들이 많습니다.
그런 경우 대체할 수 있는 CSS를 브라우저별로 지정해주면 해결됩니다.
엣지전용 CSS 사용방법
@supports (-ms-ime-align: auto){
/* 이 안에 엣지에서만 적용할 스타일 작성 */
}
사파리전용 CSS 사용방법
@supports (-webkit-appearance:none) {
/* 이 안에 Safari(10.1 이상)에서만 적용할 스타일 작성 */
}
크롬전용 CSS 사용방법
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* 이 안에 크롬에서만 적용할 스타일 작성 */
}
반응형
'Code > Css' 카테고리의 다른 글
글씨에 외곽선 만들기 (0) | 2023.12.09 |
---|---|
이미지를 비율대로 조절하기 (0) | 2022.11.21 |
다양한 도형만들기 (삼각형, 다각형, 별) (0) | 2022.11.11 |
작명규칙 (Naming Convention) (0) | 2022.10.25 |
말줄임('...') 표시하는 방법 (1줄, 여러줄) (0) | 2022.10.21 |