2012-12-16 3 views
1
여기

문제의 사이트입니다 무엇을 상관없이, 변화하지된다 슬라이더), 일단 약 380px보다 낮은 창 크기를 조정하면 모든 것이 손상됩니다. (창 크기를 조정 한 다음 오른쪽으로 1 또는 2 개의 슬라이드로 이동하십시오).CSS의 폭은 내가

나는 왜 이런 일이 생길지 모르겠다. 내 미디어 쿼리가 창 크기에 영향을 미치지 않으며 포함 된 <li> 요소가 352px보다 낮아질 수없는 것처럼 보입니다. width: 180px !important;으로 설정하면 여전히 352px로 유지됩니다.

나는 완전히 뒤죽박죽이다. 이러한 문제의 원인에 대한 아이디어가 있습니까?

+4

웹 브라우저 개발자 도구를 사용하여 * 적용된 스타일을 검사하십시오. 그런 다음 "라이브 요소"(또는 관련 "라이브 스타일 선택자")의 CSS를 변경하고 무슨 일이 일어나는지 살펴보십시오. –

+0

그게 바로 크롬의 검사 요소입니다. 브라우저의 크기를 아주 작게 조정하고 설정으로 돌아 다니지 만 모든 것이 손상되었습니다. 나는 심지어 내가 적용했지만 사용하지 않는 CSS의 대부분을 제거하기 시작했습니다. – Jascination

+0

엘리먼트와 그 부모에 적용된 스타일의 ** all ** (상속되거나'! important')을보고 있습니까? – Ian

답변

0

사이트가 Internet Explorer 8에서 완전히 손상된 것 같습니다. 인터넷 익스플로러의 일부 문제는 'quirks 모드'(http://en.wikipedia.org/wiki/Quirks_mode 참조)로 인해 발생합니다. doctype이 설정되었는지 확인하고 doctype이 발생하기 전에 아무 것도 발생하지 않아서 내 사이트가 예상대로 작동하기 시작했습니다.