mozilla & chrome에서 요소가 다르게 표시됨

mozzilla & 크롬에서 http://goo.gl/0LdOVK을 열어 주시기 바랍니다. 머리글 & 바닥 글 위젯 (검색 양식 & 구독 양식)에 약간의 차이가 있음을 알 수 있습니다.mozilla & chrome에서 요소가 다르게 표시됨

정말 그 원인을 모릅니다. 도와주세요! :(

사전에 대단히 감사합니다, 그럼 그냥 입력의 폭을 편집 크롬을 대상으로 당신이 당신이 파이어 폭스와 인터넷 익스플로러와 같은 다른 브라우저에있을 필요 필요한 폭을 설정 할 수

출처

2014-02-12 Wannabe

문제 또는 스크린 샷에 대한 자세한 정보를 제공하십시오. –

두 브라우저, 스크린 샷 (및 코드)을 사용하지 않아도됩니다. 또한 Chrome과 Firefox의 오프셋이 서로 다른 점을 고려하십시오. 일부는 요소 내부의 테두리를, 다른 하나는 요소 외부에있는 테두리를 사용합니다. 두 브라우저에서 다르게 나타날 요소를 만들 때 CSS에 특정 규칙을 지정할 수 있습니다. – Dorvalla

필드 사용 :

이

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /*Chrome CSS here*/ 

    .input[type="search"]{ 

     width: 231px !important; 

    } 

} 


/* For other browsers */ 
.input[type="search"]{ 

    width: 210px; 

}

그래서 할 수 있도록 입력 필드의 너비를 설정 '폭 : 210px;'

그런 다음 크롬을 대상으로 위의 @media 화면 코드를 사용하고 당신이 원하는 너비로 설정 가능성은?

출처

2014-02-12 10:54:59 joshbrown

대단히 감사합니다. 그것은 완벽하게 작동합니다! 나는 당신의 대답을 투표 할 수 있으면 좋겠다 :/좋은 하루 되세요! – Wannabe

아무 문제가 없습니다.) – joshbrown

mozilla & chrome에서 요소가 다르게 표시됨

답변

관련 문제