"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > CSS 규칙을 Google Chrome에만 적용하려면 어떻게해야합니까?

CSS 규칙을 Google Chrome에만 적용하려면 어떻게해야합니까?

2025-02-06에 게시되었습니다
검색:952

How Can I Apply CSS Rules Exclusively to Google Chrome?

크롬에 특정 CSS 규칙을 독점적으로 적용하는

@media screen and (-webkit-min-device-pixel-ratio:0) {
  div {
    top: 10px;
  }
}
  • CSS 규칙을 적용해야합니다. CSS 규칙을 적용해야합니다. 독점적으로 그것에. 한 가지 예는 div 요소의 위치를 ​​조정하는 것입니다.
CSS 솔루션 :
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div {
    top: 10px;
  }
}
벤더 접두사 활용 :
    [크롬 특정 스타일을 대상으로 할 수 있습니다. &&&]
  • 크롬, 사파리, 엣지 및 파이어 폭스 용 :
@media screen and (-webkit-min-device-pixel-ratio:0) {
  div {
    top: 10px;
  }
}
@미디어 화면 및 (-webkit-min-device-pixel-ratio : 0) { div { 상단 : 10px; } }

Chrome 22-28 용 :

@media screen and (-webkit-min-device-pixel-ratio:0) {
  div {
    top: 10px;
  }
}

@미디어 화면 및 (-webkit-min-device-pixel-ratio : 0) { .selector { -Chrome 전용 (상단 : 0px); } } How Can I Apply CSS Rules Exclusively to Google Chrome?

JavaScript 솔루션 :

CSS의 대안으로 JavaScript를 사용하여 크롬 브라우저를 감지하고 DIV의 스타일을 수정할 수 있습니다. if (navigator.appversion.indexof ( "chrome/")! = -1) { // 여기서 DIV의 상단 위치를 수정하십시오 }

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3