css 不管何种分辨率有多大 如何固定尺寸（像实物尺子一样）？

html-css014

css 不管何种分辨率有多大 如何固定尺寸（像实物尺子一样）？,第1张

简单的办法就是

用你说的身份证来说的 在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属性设置成负值。用脚本判断窗口大小，在每次窗口大小发生改变时监听事件捕获长宽，赋值给这张“地图”。