같은 웹 사이트는 다른 브라우저에서 동일한 브라우저 버전으로 보입니다.

안녕하세요 저는 HTML과 CSS를 사용하여 포트폴리오 웹 사이트를 만들었으며 매우 wierd.i를 사용하여 모든 최신 브라우저에서 웹 사이트를 테스트했습니다. Internet Explorer 9, Google 나는 어도비의 사이트를 테스트 한 모든 확인 작동하는지 확인하기 위해 지금같은 웹 사이트는 다른 브라우저에서 동일한 브라우저 버전으로 보입니다.

portfolio

: 크롬, 나는 내 개인 컴퓨터에서이 링크를로드 할 때 웹 사이트가 그들 모두에 좋아 보인다 FireFox.And 브라우저 실습실에 문제가 있음을 알았습니다. 각 행마다 네 개의 이미지가 있어야하지만 브라우저 실습실에서는 네 번째 이미지가 모두 푸시됩니다. .

최신 Chrome, FIrefox, Internet Explorer 9가 설치된 다른 컴퓨터에서도 확인했습니다. 어도비 브라우저 실험실이 맞아서 4 번째 이미지가 푸시 다운 된 것 같습니다.

두 브라우저와 컴퓨터의 해상도는 동일하며 Windows 7 Home Premium에서 모두 사용하고 있습니까?

이 문제를 해결할 수있는 방법은 무엇입니까? 동일한 웹 사이트가 브라우저 버전이 다르지만 컴퓨터마다 다른 이유는 무엇입니까?

출처

2012-09-02 user1525474

아마도 다른 DPI 설정입니까? – driis

DPI 설정이란 무엇입니까? – user1525474

네 번째 이미지는 내 컴퓨터에도 푸시 다운됩니다. Chrome 21, Windows XP (96 DPI). – MrWhite

그것은 일시적으로 F5

는 100 % 줌에 있는지 확인 CTRL +의 의식 응용 프로그램을 시도, 기존 CSS를 저장 월!

행운을 빈다.

당신의 "portofoliu"사업부가 940 개 픽셀의 최대 너비가 빠른 불을 지르고 후

--edit

, 당신의 "portofolioGalery"div를 각각 17px 각각 첫 번째와 5 번째 이미지의 여백이 220px 넓은 여백을 없앴습니다. 이것은 귀하의 항목이 맞아야한다는 것을 의미합니다!

방화범을 사용하여 "portofolioGalery"항목 사이를 가볍게 두드리면 그 사이에 작은 차이가 나타납니다. "display : inline-block;" 너비가 아주 작아요! 나는 그것을 "float : left;"로 바꾸었다. 모든 것이 정확하게 있어야하는 곳으로갑니다.

This guys blog에는 몇 가지 다른 해결책과 이유가 설명되어 있습니다.

출처

2012-09-02 09:54:44 Alex

나는 두 가지를 모두했는데 문제가 해결되지 않았다. 내 생각에 모든 것이 영향을 받기 때문에 내 설치된 브라우저에 영향을 줄 수있다. – user1525474

@ user1525474 위의 편집 참조, Cheers Alex – Alex

문제 해결을위한 THank 한 컴퓨터에서 크롬을 사용하는 이유를 설명하십시오. 예를 들어 웹 사이트는 핵심으로 코딩 된 것처럼 보이고 다른 웹 사이트에서는 문제를 보여줍니다 .BOth 컴퓨터는 동일한 크롬 버전과 같은 OS를 가지고 있습니다. – user1525474

같은 웹 사이트는 다른 브라우저에서 동일한 브라우저 버전으로 보입니다.

답변

관련 문제