屏幕分辨率不管怎么变，实际网页尺寸都是一样的，假设我做了个网页，高10米，假设你有3个显示设备：
屏幕高1米的手机，下拉10个屏幕距离从头到尾看完我的网站。
屏幕高3米的平板，下拉约3335个屏幕距离从顶部看到我网站底部。
屏幕高5米的电脑，下拉2个屏幕距离。
屏幕大小分辨率变了，你拉的次数就对应的变，假设你眼睛与3个设备的距离，角度都完全一样的话，在3个设备上最终你看玩网页眼睛所经过的距离都是一样的。
像素是个仅仅用于屏幕的相对单位，跟现实中1厘米就是1厘米不一样。
1 像素 表示显示屏幕上该设备能表达出的最小的一个点的大小。物理设备决定像素的大小。
如果我有个破手机，屏幕高4厘米，屏幕上的一个像素精确的测量起来大小为：01毫米，那在我的显示器上，10像素就等于1毫米，一根烟8cm长，在我的电脑上显示就要占：800像素长。那么我整个屏幕才4厘米高(在我屏幕上400像素正好4cm)，那根烟一屏就显示不玩，要两屏。
而你有台苹果5s，屏幕高度是10厘米。你的设备高精度，一像素大小为005毫米，10像素就等于05毫米，那根烟在你5s上显示就要1600像素长。你屏幕高10厘米，这个范围可以显示2000个像素(由你的设备像素大小005mm决定的)，所以烟在你屏幕上只要一部分就能显示了，还空出来400像素的高度。
像素不一定就是1x1比例正方形的，很多设备上可能是1x12、1x14之类的比例。
做网页一般用像素px单位、em字号单位、或者100%单位。
DPI是量度单位，英文全写是Dots(点、小圆点、点状物) Per(每) Inch(英吋)，用于点阵数位影像，意思是指每一英吋长度中，取样或可显示或输出点的数目。 印表机所设定之解析度的dpi值越高，印出的图像会越越精细。印表机通常可以调校解析度。例如撞针印表机，解析度通常是60至90 dpi。喷墨印表机则可达1200 dpi，甚至9600 dpi。雷射印表机则有600至1200 dpi。 一般显示器(萤幕)为72dpi，印刷所需点阵图的dpi数则视印刷网线数而定。一般150线印刷品质需要300dpi的点阵图。而这里的D(dot)就是像素(pixel)。 因为印表机的混色方式是CMYK，所以色彩(也就是色域)表现不如萤幕的RGB色光表现来的多与鲜艳，以至于印表机的DPI应该大于显示器的PPI (Pixels Per Inch)，才能与RGB在萤幕有差不多的画质细腻表现。大部分显示器每像素每种原色都可以有256个层次，合起来则有2563种颜色，也就是 256 x 256 x 256 = 16777216 色，也就是24bit的真彩色。而印表机则仅有16色左右，因此印表机常常利用中间色或抖动等方法来制造更多颜色的效果，故此其解析度相当重要。 除了dpi外，亦有建议使用dpcm。dpcm和dpi都纳入了CSS3的方案内[1]。 扫瞄器的取样解析度有时会用dpi来量度，但更好的做法是用spi。
参考: 取自"zh /w/indextitle=Dpi&variant=zh-"
dpi 全写-Dots per inch(像素/英寸) 系指每一寸入面有由多少个少格组成 dpi 越高图显示得越仔细 同样dpi越高的file size就越大
参考: en /wiki/Dots_per_inch
css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。这个还是应该用js取：
documentdocumentElementclientWidth：取得浏览器页面可视区域的宽度documentdocumentElementclientHeight：取得浏览器页面可视区域的高度
screenwidth：取得屏幕宽度
screenheight：取得屏幕高度
screenavailWidth：取得除任务栏外的屏幕宽度
screenavailHeight取得除任务栏外的屏幕高度
级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。
; 如果是鼠标的DPI，按照以下方式可以查看：
1浏览器中输入网址。
2点击直接访问。
3下载客户端。
4在开始菜单中找到刚刚下载安装的客户端，由于软件早已装好，此处不展示安装过程。
5打开后，点击自定义板载配置文件。
6图中所指即为罗技鼠标dpi。
：鼠标的DPI是每英寸点数，也就是鼠标每移动一英寸指针在屏幕上移动的点数。比如400DPI的鼠标，它在移动一英寸的时候，屏幕上的指针可以移动400个点。
DotsPerInch的缩写。每英寸所打印的点数或线数，用来表示打印机打印分辨率。这是衡量打印机打印精度的主要参数之一。一般来说，该值越大，表明打印机的打印精度越高。
dpi是指每英寸的像素，也就是扫描精度。目前国际上都是计算一平方英寸面积内像素的多少。dpi越小，扫描的清晰度越低，由于受网络传输速度的影响，web上使用的都是72dpi，但是冲洗照片不能使用这个参数，必须是300dpi或者更高350dpi。例如要冲洗46英寸的照片，扫描精度必须是300，那么文件尺寸应该是(4300)(6300)=1200像素1800像素。
使用jqeury很简单，其实自己写的话思路也一样，只不过Jquery兼容性更容易控制一些。
<html>
<head>
<meta >
以上就是关于如何使用CSS在页面中精确固定一个单位的尺寸全部的内容，包括:如何使用CSS在页面中精确固定一个单位的尺寸、什么是dpi如何提升、如何将获取的屏幕宽度之后传给css等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）