你知道CSS中长度单位pt、px、dpi的意思吗？

站长资源 2024/9/22 佚名

2 0 1

　　在印刷排版中“point”是一个绝对的单位，它等于1/72英寸。可以用尺子丈量的，物理的英寸。
　　但在CSS中pt的含义却非如此，例如我们指定一个字体是9pt，浏览器会以CSS规范解释，它等于：
　　9*1/72=1/8inch
　　这是一个误解，因为我们的显示器被分割为了一个个的像素，单个像素只能有一种颜色（为了简化，这里暂不讨论次像素反锯齿技术），要在屏幕上显示，必须先把以pt为单位的长度转换为以像素为单位的长度，这个转换的媒介，就是dpi（事实上，这里的所谓的dpi，是操作系统和浏览器中使用的术语，即为PPI,pixelsperinch，扫描仪、打印机、数码相机中的DPI是不同的）。
　　例如，无论在哪个操作系统中，Firefox浏览器默认的dpi都是96，那么实际上：
　　9pt=9*1/72*96=12px
　　所以，虽然“pdi”中的“I”和“1pt”等于1/72inch中的“inch”，都不代表物理上的英寸，但这两个单位互相之间是相等的，也就在相乘中约掉了。
　　那么，真实的物理长度怎么计算呢？请拿出一把尺子，丈量你的显示器的可见宽度(我这里是11.2992英寸)，除以横向分辨率(我这里是1024像素)，得到的就是每个像素的物理长度。
　　现在我们可以回答这样一个问题，网页上9pt的字体究竟占用了多宽的空间？答案是：
　　9*1/72*96*11.2992/1024=0.1324英寸=0.3363厘米
　　有兴趣的朋友可以自己测试一下。

教程,网页制作,网页,意思,长度,单位,知道,像素,一个,英寸

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“你知道CSS中长度单位pt、px、dpi的意思吗？”

暂无评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新日志

2024年09月22日

你知道CSS中长度单位pt、px、dpi的意思吗？

CSS页面布局中HTML结构化

CSS编写的网页打开流畅相关知识与注意点

评论“你知道CSS中长度单位pt、px、dpi的意思吗？”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新日志

友情链接