CSS와 실제 크기의 이미지를 표시

실제 크기 (실제 크기)로 이미지를 표시하고 싶습니다. 실제 크기로 이미지를 표시하기 위해 mm 단위를 사용했지만 내 두 컴퓨터에서는 정확하지 않았습니다. 여기 내 코드 fiddle입니다. 신용 카드 사진입니다. 신용 카드는 85.60 × 53.98mm이므로 신용 카드를 화면에두면 화면이 작아집니다. CSS와 실제 크기의 이미지를 표시

img{ 
    width:85.60mm; 
    height:53.98mm; 
}

은 기본적으로 문제는 mm, cm 및 in 단위 화면에서 제대로 작동하지 않는 것입니다. 그들은 인쇄 된 버전에서 잘됩니다. 실제로 그 유닛들은 내가 얻은 것처럼 화면에서 작동하지 않는 것 같습니다. W3C.

그래서이 문제에 대한 해결책이 있습니까?

는 ----- 편집 ------

난 당신이 신용 카드 크기를 조정할 수있는 또 다른 바이올린을 만들었습니다. 문제는 "비율"을 어떻게 찾을 수 있는가하는 것입니다. fiddle here을 보시고 제가 생각하는 것을 알려주십시오. 사용자 에이전트 문자열 또는 그 비율에서 해당 비율 번호를 찾는 방법이 있습니까?

출처

2011-09-07 Mohsen

아주 잘 작동합니다 당신은 "실제 크기"를 의미합니까? – yoda

실제 신용 카드 크기와 정확히 일치해야합니다. 그냥 신용 카드와 비교하십시오 – Mohsen

질문은 여전히 의미가 없습니다. 당신이 원하는 것의 차원을 알고 있다면, 문제는 어디에 있습니까? 예를 들어 카드 크기를 픽셀로 계산하는 이유는 무엇입니까? – yoda

mm 및 cm은 픽셀에 의존해서는 안됩니다. 그러나 브라우저를 적절하게 렌더링하려면 브라우저가 화면 직경, 종횡비 및 해상도를 결합해야합니다. 화면 브라우저 구현에 큰 차이가 거기에 아마 그래서

W3C는 인쇄 mm를 권장

내 1920 × 1080 (16 : 9)에 BTW

http://www.w3.org/Style/Examples/007/units

화면이는 어떤 기능을 수행

출처

2011-09-07 04:58:57

모두 정확합니다. 그러나 내 대답이 아닙니다. 어쨌든 고마워요 – Mohsen

해결책이 있는지 물었습니다. 내 대답은 아니오 야. 그것이 당신의 대답입니다. :/ –

아, 죄송합니다, 그것은 "내게 말할 수 없다"고 말하는 나의 정교한 방식이었습니다. –

mm 및 cm은 픽셀에 따라 다르며 픽셀은 모니터마다 다릅니다. 화면 해상도를 조정하면 무슨 뜻인지 알 수 있습니다.

그래서 대답은 '아니오'입니다. 죄송합니다.

출처

2011-09-07 04:46:29 Yoshiyahu

예, 큰 문제는 아니지만 이것이 내가 처리해야하는 문제입니다! :) – Mohsen

운영체제, 그래픽 카드 및 디스플레이 제조업체가 물리적 차원을 사용자가 사용하는 특정 설정에 적용 할 수있는 픽셀로 변환하기위한 범용 표준에 동의 할 때까지는이를 수행 할 방법이 없습니다. OSX와 Windows에서이 일부 지원이 있지만

이 개념에 대한 용어는 Resolution Independence

, 그것은 완전한 결코 그리고 여전히 제대로 설정하는 수동 작업을합니다.

파이어 폭스와 같은 데스크탑이나 꼬집어서 터치 장치에서 확대/축소를 사용하여 측정을 오버라이드하기로 결정한 것은 최종 사용자의 자비입니다.

그래서이 시점에서 나는 그것에 대해 갈 길이 없다고 생각합니다.

출처

2011-09-07 04:57:30

내가 얻는 누구나는 Nos 다! 어쨌든 고마워. – Mohsen

음, 그 대답은 * 답이다. "아니오, 현재로서는이 문제에 대한 해결책이 없습니다." 죄송합니다. –

CSS와 실제 크기의 이미지를 표시

답변

관련 문제