브라우저가 내가 작성한 코드와 호환되지 않으면 어떻게 해야 합니까?

이번에는 제가 작성한 코드와 브라우저가 호환되지 않는 경우 대처 방법을 알려드리고, 브라우저 호환성과 관련된 6가지 주요 문제를 요약해서 살펴보겠습니다.

1. 문제 1
문제 증상: 스타일 제어 없이 태그 몇 개만 작성하면 각각의 여백과 여백이 상당히 달라집니다.
해결책: CSS
2에 *{margin:0;padding:0;}을 추가하세요. 문제 2
문제 증상: IE6, 7 및 Ayouli에서 이 라벨의 높이가 제어되지 않고 사용자가 설정한 높이를 초과합니다.
해결책: 설정 overflow: 높이를 초과하는 라벨에 대해 숨겨지거나 줄 높이 line-height를 설정한 높이보다 작게 설정합니다.
3. 문제 3
증상: CSS의 dispaly:inline_block이 효과가 없습니다.
해결 방법: display:inline_block; 뒤에 display:inline을 추가하세요.
4.문제 4
증상: 여러 img 태그 사이를 제거할 수 없습니다. *{margin:0;padding:0;}을 사용하면 작동하지 않습니다.
해결 방법: float를 사용하세요.
5. 문제 5
문제 증상: min-height 자체가 호환되지 않는 CSS 속성이므로 min-height를 설정하는 것이 좋습니다. 다양한 브라우저와 잘 호환되지 않습니다
해결책: 라벨의 최소 높이를 200px로 설정하려면 다음과 같이 설정해야 합니다: {min-height:200px; height :auto !important; Overflow:visible;}

6. 질문 6

문제 증상: z-index가 실패합니다
원인: z-index가 작동하려면 요소의
position 속성인 작은 전제 조건이 있습니다. 상대적인 경우 절대적입니다. 또는 고정. 해결책:
1. 위치:절대값을 변경합니다.
2. 부동 요소를 제거합니다.
3. 부동 요소에 위치 속성을 추가합니다.
7. 문제 7
증상: 요소 수평 중심 문제
해결 방법: FF: margin:0 auto;
IE: parent {
text-align:center; 기사 방법, 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

JS에서 일반적으로 사용되는 배열 방법 요약

2018년 최신 프런트엔드 면접 질문 12

2018년 최신 프런트엔드 면접 질문 10

위 내용은 브라우저가 내가 작성한 코드와 호환되지 않으면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!