각 PC에 웹 페이지를 다르게 표시

jQuery를 사용하여 간단한 웹 페이지를 만들었습니다. 다른 PC에서 열면 다른 것으로 보입니다 (더 크고 일부 HTML 테이블이 본문 탭에서 오버플로됩니다).각 PC에 웹 페이지를 다르게 표시

이유가 무엇인지 말해 줄 수 있습니까? 이 디스플레이를 모든 컴퓨터에서 어떻게 동일하게 만들 수 있습니까?

내 CSS 코드 :

<style type="text/css"> 
    label { width: 15em; float: left; } 
    label.error { display: none; float: none; color: red; 
       padding-left: .5em; vertical-align: top; } 
    p { clear: both; } 
    .submit { margin-left: 12em; } 
    em { font-weight: bold; padding-right: 1em; vertical-align: top; } 
</style> 

<style type="text/css"> 
    body { 
    font-family:Times new roman, verdana; 
    font-size:22px; 
    width: 950px; 
    height:70px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 6px; 
    background-image:url("wood_texture2.jpg"); 
    overflow:auto; 
    } 
</style>

내 PC 15 인치 다른 사람에 대한 직사각형이다 평방 약 14 인치이다.

출처

2010-11-23 klox

몇 가지 예제 코드를 게시 할 수 있습니까? 너비를 백분율로 지정하고 다른 PC의 해상도는 더 높기 때문에 코드를 보지 않고도 말하기가 어려울 수 있습니다. – mikel

환경상의 차이점을 나타낼 수 있습니다. 각 PC는 어떤 브라우저를 사용합니까? 해당 브라우저의 버전은 무엇입니까? 그들은 모두 PC입니까, 아니면 PC, Mac 및 iPad가 혼합되어 있습니까? – Andrew

내 PC는 리눅스를 사용하고 또 다른 제품은 windows입니다.하지만 같은 브랜드 (DELL) – klox

당신이 고려하고 있지 않은 것은 해상도입니다. 내 컴퓨터가 다른 DPI 해상도를 사용하는 경우 동일한 크기의 모니터에서도 더 크거나 작게 표시됩니다.

다른 이유로 인해 브라우저 설정이 다른 최소 글꼴 크기를 가질 수 있습니다. 브라우저가 실수로 '확대/축소'모드에 걸렸을 수 있습니다.

다른 브라우저를 사용할 수도 있습니다.

다른 글꼴을 설치했을 수 있습니다.

당신은 모든 것을 더 크게 보이게하는 큰 DPI를 사용할 수 있습니다.

다른 것처럼 보일 수있는 요소가 많이 있습니다.

출처

2010-11-23 05:11:25 superfro

yah..d 다른 브라우저의 다른 결과 .. 구글 크롬 아무런 문제가 없습니다. 그러나 mozilla에서 Firefox 3.6은 더 크게 보입니다. – klox

_V_iew-> Zoom-> Reset을 통해 firefox의 확대/축소를 재설정하십시오. 브라우저 설정을 재설정하거나 허용되는 최소 글꼴 크기를 확인하십시오. – superfro

각 PC에 웹 페이지를 다르게 표시

답변

관련 문제