스케일 이미지

내 문제 일하고 회사의 직원 팀 페이지가 작동하지 않는 것은 그들이 모바일에 나타날 때 직원의 이미지가 축소되지 것입니다.

내 CSS는 다음과 같이이다 :

@media (max-width: 767px) { 
    .employee-image { 
     max-width: 85%; 
     max-height: 85%; 
    } 
}

은 아마 어딘가에 CSS 충돌했다? 나도 몰라.

CSS 링크 : 당신은 부트 스트랩을 사용하는 것처럼 http://texasca.com/includes/team.css

2014-10-09 Zach Cook

너비 : 해당 미디어 쿼리의 이미지는 100 %를 사용하십시오. 그래서 미디어 쿼리는 다음과 같이한다 : "@media (최대 폭 : 767px) { .employee 이미지 { 최대 폭 : 200 픽셀, 폭 : 100 %; } }" –

것 같습니다. 부트 스트랩에는 .img-responsive이라는 도우미 클래스가 있습니다. .employee-image을 .img-responsive으로 대체 할 수 있으며 원하는 결과를 얻으실 수 있습니다.

더 명확하게하려면 - img-responsive 클래스를 원하는 이미지에 추가하기 만하면됩니다.

2014-10-09 17:24:01

그래 그 사실은 잘 작동 충분히! –

더 이상 작동하지 않습니다. –

답변