Wordpress - 글꼴 크기 및 이미지 레이아웃에 Chrome/Safari 문제가 발생했습니다.

Question

저는 방금 WordPress의 html5blank 하위 테마에로드 한 사이트에 크로스 브라우저 스타일 문제가 있습니다.

그리고 이것은 (보이게하는 방법) 파이어 폭스 & 사파리에 - -가 크롬에 표시 될 때

예를 들어

는 여기에 이미지 레이아웃의

스타일 코드는 display: inline-block;으로 올바르게 설정되어 있지만 Chrome에는 없습니다.

Safari 및 Chrome에서 글꼴 가중치 (설정보다 훨씬 가벼운 표시) 및 글꼴 크기 (작아야 함)와 관련하여 문제가 있습니다. 모든 호환성 문제를 막을 수있는 방법이나 플러그인이 있습니까?

UPDATE -

내가 요소를 검사 때 당신은 단지

.brick { float: left;} 

내가 코드 펜에 테스트를 추가 할 필요가 codepen here

Answer 1

에 코드를 배치했습니다 왼쪽으로 뜨다; 웬일인지 회색으로 변했습니다. 그런 다음 위 코드를 코드에 추가하면 제대로 작동합니다.

는이에 대한 응답의 도움으로 파이어 폭스

@-moz-document url-prefix() { 
    .brick { 
     float: none; 
    } 
} 

Answer 2

을 대상으로 추가, 나는 그것을 알아 냈 -

.staff .brick { 
     display: flex; 

}