Height和Width的一个单位=多少屏幕分辨率和dpi

下次自动登录
现在的位置:
& 综合 & 正文
width,height为多少px时,A4纸打印时刚好一页?
计算方式一般的分辨率为XX像素/英寸,其中一英寸为25.4毫米。所以一毫米的像素数就为XX/25.4。现在的工作就是求XX的值了,把XX的值求出来以后,直接用XX/25.4 * 210就得到A4纸的像素宽了。A4纸的尺寸是210mm×297mm。 分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842(推荐用这个大小比例)。
分辨率是150像素/英寸时,A4纸的尺寸的图像的像素是。 分辨率是300像素/英寸时,A4纸的尺寸的图像的像素是。
选择不同的分辨率图像像素大小也会随之变化。
我是用下面的转换公式,将A4纸转为在屏幕中的分辨率页边距: 0.75 inchA4: 8.27x11.69 inch打印机DPI:600DPI屏幕DPI
: 96DPIwidth = (8.27 - 0.75 * 2) * 96 / 600 = 650 pxheight =
(11.69 - 0.75 * 2)* 96 / 600 = 978 px所以,当&table& 的width=650px, height=978px时,用IE 打印时,刚好能打印一页的A4纸.
在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dots Per Inch)指标。
在Windows系统的网页打印中默认采用的是96dpi,Mac系统中默认的是72dpi。
A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸
所以,A4纸96dpi下的分辨率是794×1123,这就是我们在制作网页的时候需要的象素。
理想情况下,打印页边距为0mm 时,网页内最大元素的分辨率:794×1123
&div style="width:794height:1123border:1px solid #000000;"&&/div&
但是打印机是无法满幅打印的,总会有页边距,所以我们在制作网页的时候必须考虑到页边距。
各种浏览器的打印页边距设置是不同的,IE打印默认的页边距为19.05mm,
因此针对IE打印页设计的网页页内最大元素的分辨率应为:649×978
&div style="width:649height:978border:1px solid #000000;"&&/div&
【上篇】【下篇】像素和毫米怎么换算啊??_百度知道
像素和毫米怎么换算啊??
像素和毫米怎么换算啊??有时候保存某个图片或东西的时候要保存多大的问题!
3寸相片是多少像素啊??
我有更好的答案
1像素约等于3分之一毫米保存图片的大小根据各人需求来定。3寸相片的像素是180*252 像素。像素的定义像素是计算机屏幕上所能显示的最小单位。用来表示图像的单位。在非学术性媒体中,亦通俗作“象素”。分辨率指屏幕上像素的数目,为了控制像素的亮度和彩色深度,每个像素需要很多个二进制位来表示,如果要显示256种颜色,则每个像素至少需要8位(一个字节)来表示,即2的8次方等于256;当显示真彩色时,每个像素要用3个字节的存储量。不同计算机屏幕由于分辨率设置的不同,所以显示出像素的大小也不同。例如,同样一个17英寸的液晶屏幕,设置为800*600时,水平有800个像素点,设置为的时候,水平有1024个像素点,显然,在屏幕总宽度不变的情况下,像素的大小是不一样的。像素值也是长度定义中使用最为普遍的单位,因为一般浏览器输出页面总是在屏幕上,如果设计者不考虑打印输出的话,利用像素值就能够在屏幕上进行了精确的定位。像素值的英文名称为pixel,是一个合成词,词源为picture element二词的词头合成词,px就成了单位名称,例如10px就是像素长度,468px就是468像素长度。用像素值定义长度的时候,一定要考虑屏幕分辨率的兼容性,例如,一个设计者设置了一个张图片的显示宽度是800像素,在800*600像素分辨率的屏幕上它能够占据整个宽度,而在像素宽度的屏幕上,它只能占有屏幕宽度的一半。像素值的单位也可以省略不写,例如76就代表76px,即76像素长度。如果浏览器遇到了在数字后面有不能识别的字符,就会忽略这些字符直接取前面的数字作为长度值。例如,100abcd会被浏览器识别为100px。
像素与毫米的转换 转换还需要知道另一个参数:DPI(每英寸多少点) 象素数 / DPI = 英寸数 英寸数 * 25.4 = 毫米数 对于显示设备,不管是打印机还是屏幕,都有一种通用的方法 先用GetDeviceCaps(设备句柄,LOGPIXELSX) 或者 GetDeviceCaps(设备句柄,LOGPIXELSY)获得设备每英寸的像素数 分别记为:px 和 py 一英寸等于25.4mm 那么毫米换算成像素的公式为  水平方向的换算: x * px /25.4 垂直方向的换算: y * py /25.4 像素换算为毫米 x * 25.4 / px 在程序中这么写 MyControl.Height := 10{mm} * PixelsPerInch * 10 div 254; 分子和分母同乘以10,将浮点数运算转化为整数运算,效率更高javascript可以得到的显示器参数 screen. availHeight 获取系统屏幕的工作区域高度,排除 Microsoft?? Windows?? 任务栏。 availWidth 获取系统屏幕的工作区域宽度,排除 Windows 任务栏。 bufferDepth 设置或获取用于画面外位图缓冲颜色的每像素位数。 colorDepth 获取用于目标设置或缓冲区的颜色每像素位数。 deviceXDPI 设置或获取系统屏幕水平每英寸点数(DPI)的数值。 deviceYDPI 设置或获取系统屏幕垂直每英寸点数(DPI)的数值。 fontSmoothingEnabled 获取用户是否在控制面板的显示设置中启用了圆整屏幕字体边角的选项。 height 获取屏幕的垂直分辨率。 logicalXDPI 获取系统屏幕水平每英寸点数(DPI)的常规数值。 logicalYDPI 获取系统屏幕垂直每英寸点数(DPI)的常规数值。 updateInterval 设置或获取屏幕的更新间隔。 width 获取屏幕的垂直分辨率。常用的0x600等标准的分辨率计算出来的dpi是一个常数:96,因此计算出来的毫米与像素的关系也约等于一个常数: 基本上 1毫米 约等于 3.78像素
本回答被网友采纳
相素跟毫米没关系...
2个不同的单位~!怎么换?
3条折叠回答
为您推荐:
其他类似问题
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。【浏览器】screen.width/height 屏幕宽高(屏幕像素) ---- 定值
没有更多推荐了,
不良信息举报
举报内容:
【浏览器】screen.width/height 屏幕宽高(屏幕像素) ---- 定值
举报原因:
原文地址:
原因补充:
最多只允许输入30个字
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!怎么用js让一个div定位于屏幕的正中,适应分辨率 .conent{ width: 980 height:680}_百度知道
怎么用js让一个div定位于屏幕的正中,适应分辨率 .conent{ width: 980 height:680}
特殊情况,只能用js或都jq
~~~~~~~~~~~~~~~~
我有更好的答案
&html&&head&
&title&&/title&
&style type=&text/css&&
width: 980
height:680
border:1px solid #134579;
&/style&&script type=&text/javascript&&
var marginL
var marginT
window.onload = function () {
marginTop = 0;
marginLeft = 0;
rePoint();
window.onresize = function () {
rePoint();
function rePoint() {
var marginTopIndex = parseInt((document.body.clientHeight - 680) / 2);
var marginLeftIndex = parseInt((document.body.clientWidth - 980) / 2);
if (marginLeftIndex & 0) {
marginLeftIndex = 0;
if (marginTopIndex & 0) {
marginTopIndex = 0;
if (marginLeft == marginLeftIndex && marginTop == marginTopIndex) {
marginLeft = marginLeftI
marginTop = marginTopI
document.getElementById(&mainDiv&).style.marginLeft = marginLeft + &px&;
document.getElementById(&mainDiv&).style.marginTop = marginTop + &px&;
}&/script&&/head&&body&
&div id=&mainDiv& class=&conent&&
&/div&&/body&&/html&兼容各浏览器
采纳率:78%
这个确实不用JS,同意
小文_计算机
的做法,俺平常也是这样做的原理:让DIV的原心与浏览器的原心重合。样式: { position: left:50%; top:50%; width:300 height:200 margin-left:-150 margin-top:-100}1. position:
绝对定位,便于下面定位容器左上角的位置2. left:50%; top:50%;
此时容器的左上角已经与浏览器正中央重合,接下来再让容器向左和向上分别移动宽度和高度的一半,容器原心就和浏览器原心重合了。3. width:300 height:200 margin-left:-150 margin-top:-100
定义容器宽高,并向左和向上移动宽度和高度的一半,大功告成!
不用 js ,纯 css 就可以原理: 1. 左定位 50%(一半的屏幕)2. 左边距,减自身宽度的一半。&style&#d1{
background: none repeat scroll 0 0 #FF0000;
height: 100
left: 50%;
margin-left: -100
width: 200}&/style&&div&123&/div& 自己用js动态修改css属性
为您推荐:
其他类似问题
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。js获取height和width的方法说明
转载 & & 作者:
js获取height和width属性的值在日常开发中很常见,于是本人搜集整理了一下,感兴趣的朋友可以参考下
代码如下: &!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& &html& &head& &title&js获取height和width总结&/title& &meta content="text/charset=UTF-8" http-equiv="Content-Type"/& &script type="text/javascript" src="js/jquery-1.5.2.js"&&/script& &script type="text/javascript" & $(document).ready(function() { alert("浏览器当前窗口可视区域高度:"+$(window).height()); //浏览器当前窗口可视区域高度 alert("浏览器当前窗口文档的高度:"+$(document).height()); //浏览器当前窗口文档的高度 alert("浏览器当前窗口文档body的高度:"+$(document.body).height());//浏览器当前窗口文档body的高度 alert("浏览器当前窗口文档body的总高度 包括border padding margin:"+$(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert("浏览器当前窗口可视区域宽度:"+($(window).width())); //浏览器当前窗口可视区域宽度 alert("浏览器当前窗口文档对象宽度:"+$(document).width());//浏览器当前窗口文档对象宽度 alert("浏览器当前窗口文档body的高度:"+$(document.body).width());//浏览器当前窗口文档body的高度 alert("浏览器当前窗口文档body的总宽度 包括border padding margin:"+$(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin alert("显示器分辨率,只能用JavaScript代码获取高度:"+screen.height);//显示器分辨率,只能用JavaScript代码获取 alert("显示器分辨率,只能用JavaScript代码获取宽度:"+screen.width); }) ; &/script& &/head& &body& &ul& &li& 网页可见区域宽: document.body.clientWidth &/li& &li& 网页可见区域高: document.body.clientHeight &/li& &li& 网页可见区域宽: document.body.offsetWidth (包括边线的宽)&/li& &li& 网页可见区域高: document.body.offsetHeight (包括边线的高) &/li& &li& 网页正文全文宽: document.body.scrollWidth &/li& &li& 网页正文全文高: document.body.scrollHeight &/li& &li& 网页被卷去的高: document.body.scrollTop &/li& &li& 网页被卷去的左: document.body.scrollLeft &/li& &li& 网页正文部分上: window.screenTop &/li& &li& 网页正文部分左: window.screenLeft &/li& &li& 屏幕分辨率的高: window.screen.height&/li& &li& 屏幕分辨率的宽: window.screen.width &/li& &li& 屏幕可用工作区高度: window.screen.availHeight&/li& &li& 屏幕可用工作区宽度: window.screen.availWidth &/li& &/ul& &/body& &/html&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具}

我要回帖

更多关于 屏幕尺寸和屏幕分辨率 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信