pt px 的概念 与 对应关系
所属分类:
网页制作 / 应用技巧
阅读数:
1308
收藏 0赞 0分享
今天做网页,需要一个10pt字体的宽度是多少,想了半天,居然不会算,查了下资料,终于计算出来.顺便把pt ps 和dpi的概念理一下:
pt:在印刷排版中,“point”是一个绝对的单位,它等于 1/72 英寸,可以用尺子丈量的,物理的英寸。
ps:我们的显示器被分割为了一个个的像素,单个像素只能有一种颜色 (为了简化,这里暂不讨论次像素反锯齿技术),要在屏幕上显示,必须先把以 pt 为单位的长度转换为以像素为单位的长度,这个转换的媒介,就是 DPI(事实上,这里的所谓的 DPI,是操作系统和浏览器中使用的术语,即为 PPI, pixels per inch,和扫描仪、打印机、数码相机中的 DPI 是不同的概念) 。
在xp中,IE浏览器的PPI默认是96.那么实际上 9pt = 9 * 1/72 * 96 = 12px。
我计算用的是10pt,10pt=10*1/72*96=13.3px=14px
美妆造型类网站 颜色搭配技巧的方案及效果展示
这篇文章主要介绍了美妆造型类使用颜色搭配技巧后的网站效果,对任何网站来说,颜色都是最重要的元素之一,对观众有着巨大的影响。脚本之家的小编带大家一起学习美妆造型类网站的颜色搭配,让我们的网站也美美滴哦
收藏 0赞 0分享
禁用IE10的密码明文显示和快速清除功能的方法
快速清除钮可取代触控进行全选并删除的一连串复杂动作,而密码显示钮可协助用户确认输入内容,弥补触控打字慢、错误率高的困扰。但是基于Web系统安全的考虑,需要禁用该功能
收藏 0赞 0分享
系统之外的字体引用及过渡效果
当用到一些系统里没有的字体时可能需要从外部引用下载的字体,方法是用@font-face来引入字体,过渡效果用到了transition,示例代码如下,大家可以看看
收藏 0赞 0分享
怎么设计响应式WEB?响应式WEB设计的优缺点
传统的web页面已经不能满足多种设备的浏览效果,比如传统页面在大浏览器中会有较大的空白区域,而在小浏览器已经移动设备中,下面我们一起来看看响应式web设计的合理尺寸与优缺点
收藏 0赞 0分享
博客园CnBlogs自定义博客样式分享
这里给大家推荐一个博客园CnBlogs自定义博客样式,制作非常的简洁大方,蓝色基调,喜欢泡cnblogs的朋友可以参考下
收藏 0赞 0分享
查看更多