用你说的身份证来说的 在PS里建一个这样的毫米尺寸的画布
然后ctrl+H 调出刻度尺 在刻度尺上右键 直接转换成PX像素单位
然后你就能得到一个物理的像素单位
然后网页里 就用这个PX（像素）作为单位 输出就行了
1、 css不能控制背景图的大小, 有的屏幕是长方形的，有的还是正方形的了，你如果只控制它的宽，没准就会出现滚动条，你宽高都控制，它就变形了，所以说只能让大的浏览器显示的多一些，小的浏览器显示的少一点，样式代码如body {background:url("1.jpg") no-repeat center top fixed}2、 如果是在网页里面插入图片的话，可以控制图片的大小，控制它的宽，高估计就会出现滚动条，控制高，估计宽会出现滚动条，都控制，则变形，代码：<body onload="auto_height()">
<script>
function auto_height()
{
var w= document.documentElement.clientWidth
var high = document.getElementById("d2").getElementsByTagName("img")[0]
high.width=w
}
</script>
<div id="d2"><img src="11.jpg" /></div>
</body>
综上所诉，你的要求是达不到的，建议你选第一个方法，我们做网站都是这么做的。
css3可以做到兼容ie9和市面上的多数非IE内核浏览器，它的
background-size可以设置2个值，1个为必填，1个为可选。
其中第1个值用于指定背景图的width，第2个值用于指定背景图的height，如果只给background-size设置1个值，则第2个值默认为auto（cover和contain特定值除外）。
div{
background-image:url(test.png)
background-repeat:no-repeat
background-size:100px
}
cover表示覆盖整个容器。你要背景全部那么需要注意的是html,body {height:100%}
当然以上内容不兼容低版本IE浏览器和不兼容css3规则的浏览器。
你说的背景整张显示，我之前项目遇到过这样的需求。我是直接用脚本写的。
实现思路是用图片绝对定位在网站最底层，z-index属性设置成负值。用脚本判断窗口大小，在每次窗口大小发生改变时监听事件捕获长宽，赋值给这张“地图”。
