문제의 사이트입니다 무엇을 상관없이, 변화하지된다 슬라이더), 일단 약 380px보다 낮은 창 크기를 조정하면 모든 것이 손상됩니다. (창 크기를 조정 한 다음 오른쪽으로 1 또는 2 개의 슬라이드로 이동하십시오).CSS의 폭은 내가
나는 왜 이런 일이 생길지 모르겠다. 내 미디어 쿼리가 창 크기에 영향을 미치지 않으며 포함 된 <li>
요소가 352px보다 낮아질 수없는 것처럼 보입니다. width: 180px !important;
으로 설정하면 여전히 352px로 유지됩니다.
나는 완전히 뒤죽박죽이다. 이러한 문제의 원인에 대한 아이디어가 있습니까?
웹 브라우저 개발자 도구를 사용하여 * 적용된 스타일을 검사하십시오. 그런 다음 "라이브 요소"(또는 관련 "라이브 스타일 선택자")의 CSS를 변경하고 무슨 일이 일어나는지 살펴보십시오. –
그게 바로 크롬의 검사 요소입니다. 브라우저의 크기를 아주 작게 조정하고 설정으로 돌아 다니지 만 모든 것이 손상되었습니다. 나는 심지어 내가 적용했지만 사용하지 않는 CSS의 대부분을 제거하기 시작했습니다. – Jascination
엘리먼트와 그 부모에 적용된 스타일의 ** all ** (상속되거나'! important')을보고 있습니까? – Ian