이미지 크기 조정 CSS

Question

저는 Nivo 슬라이더를 사용하고 있으며 모든 이미지는 "높이/너비"766x400과 같지만 Firefox에서 슬라이더를 볼 때 모든 것을 1,333px × 696px로 확대합니다.

재미있는 점은 브라우저에서 화면 분할을하면 모든 것이 잘 보이지만 전체 화면이 모두 날아간다는 것입니다.

나는 내 전체를 게시 할이 문제를 "코드"

를 해결하기 위해 사용되어야하지만, 이미지가 내 비즈니스와 관련된되고 난 정말 모르겠어요 어떤 CSS 코드 궁금하네요.

감사

Answer 1

이것은 NIVO 슬라이더에 의해 설정 인라인 스타일에 의해 발생하지만 원인은 예를 들어, CSS/마크 업 할 수있는 얘기하기 어렵다 할 수있다. 응답 이미지에 대한 기초가 width가 (또는, 종종 바람직하게는, max-width가) 100%로 설정되고 height가 auto로 설정되어 있는지 확인하는 것입니다 그러나

. 자신의 CSS를 무시할 수있는 인라인 CSS가있는 경우 해당 규칙에 !important을 추가하거나 Nivo Slider 용 플러그인 파일을 편집하고 인라인 스타일 인쇄를 제거해야합니다.

그래서 기본적으로,이 시도 (하지만 당신은 더 구체적인 선택기를 사용할 수 있으며, 절대적으로 필요 않는 한 당신은 !important을 사용해서는 안) :

img { 
    max-width: 100% !important; 
    height: auto !important; 
}