2012-04-27 4 views
3

로컬 호스트와 동일한 코드의 원격 사이트에 대한 시각적 특성이 다릅니다. 이 http://beta.cliffbase.com http://img833.imageshack.us/img833/2477/b557ecb80f7644c9a7893c9.png로컬 호스트와 서버의 Chrome 차이점

입니다

그리고 이것은 내 로컬 환경 : 크롬 내 사이트가 완전히 다른 표시되는 이유 지역 모르겠어요 VS2010에서 로컬 호스트로 실행 http://img96.imageshack.us/img96/3241/5786958214d64aaba236931.png

이 메뉴와 왼쪽 정보 항목에는 여백과 높이가 다릅니다.

누구에게 문제가 될 수 있는지 알고 있습니까?

+0

css 파일이 로컬 파일과 다른 점이 없습니까? – ianaz

+0

당신은 모든 CSS/JS 파일이 확실히로드되고 있고 URL 변경으로 인해 로컬 env에서 1 개의 파일을로드하는 데 오류가 없음을 확인했습니다 (dev 콘솔의 네트워크 탭 참조). 또한 스타일 변경이 발생하고 JS 오류가 발생할 수있는 경우 JS 오류에 대한 콘솔을 확인하십시오. –

답변

1

문제점의 원인을 발견했습니다. 글꼴 다람쥐가 생성 한 @ font-face의 패딩/여백입니다. 모든 크기를 동일하게 유지하려면 Cufon으로 변경해야했습니다. 이제 잘 작동합니다.

1

크롬을 사용하면 인터넷의 로컬 사이트 및 사이트에 대해 독립적으로 웹 페이지의 확대/축소를 설정할 수 있습니다. 내 경우에는 http://localhost:8080/mypage.jsp v/s http://172.20.35.40:8080/mypage.jsp을 사용하면 내 웹 페이지가 다르게 보였습니다. localhost을 사용할 때 확대/축소를 100 %로 재설정 했으므로 두보기가 모두 동일합니다.

참고 : 이것은 실제로 오래된 스레드이고 OP에는 이미 문제의 문제에 대한 해결책이 있습니다. 그러나 이것은 Chrome이 IP 주소를 사용하는 localhost v/s를 사용하여 동일한 페이지를 다르게 표시하는 이유에 대한 Google의 첫 번째 검색 결과로 나타납니다. 이 생각은 내 상황과 비슷한 상황에서 누군가를 도울 수 있다고 생각했습니다.

관련 문제