Page 1 sur 1

problème de width en cm

Posté : 23 sept. 2010, 18:43
par VaN
Bonjour à tous,

Je suis peut-être complètement à côté de la plaque, mais il y a quelque chose que je ne comprend pas bien là.

Soit le code suivant :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
div {
width:10cm;
height:10cm;
background:#000000;
}
</style>
</head>

<body>
<div></div>
</body>
</html>
Je fais une copie d'écran du rendu sur navigateur, et je le copie dans photoshop. je mesure mon carré noir, photoshop me dit qu'il ne fait pas 10cm, mais 13,34cm. C'est photoshop qui bug, CSS qui bug, ou il y a quelque chose que je n'ai pas saisi ?

Re: problème de width en cm

Posté : 23 sept. 2010, 20:43
par Cyrano
Les valeurs en cm ou en pouces sont prévues pour l'impression, pas pour l'écran, la conversion que le navigateur tente de faire vers une mesure en pixels est hasardeuse. Il manquerait en réalité une définition en px/cm : l'écran standard affiche du 72px/pouce me semble-t-il, et un pouce fait 2.54cm ce qui nous donne approximativement 28px/cm. Donc la mesure approximative pour afficher à l'écran un objet de 10cm de coté devrait en réalité mesurer 283px.

Mais c'est très empirique et il faudrait ajuster en fonction de la définition du moniteur : tu as le contrôle du tien, mais pas de celui des internautes qui peuvent avoir d'autres matériels et du coup avoir des mises en page complètement différentes de ce que tu auras prévu à l'origine.

Re: problème de width en cm

Posté : 23 sept. 2010, 20:45
par Nours312
ben tout dépends de la résolution !.... (qui se mesure en px/pouces) ... si tu as 300 ppp ou 75 ppp, automatiquement tu ne pourra avoir la même largeur pour une image qui elle est en pixels (imprim écran => la surfaces des pixels représentées sur ton écran)

EDIT :TROP TARD ^^