您现在的位置是:首页 > Javascript
当前栏目
css px和pt的不同
2023-03-15 23:13:06 时间
1、px和pt,一个是设备坐标,一个是逻辑坐标,两者不同。
2、pt是绝对单位,1pt=1/72英寸。
px是一个相对单位,一般像素的参考值是:在像素密度为90pdi的显示器上,正常人从距离显示器28英寸的角度看一个像素应该不小于0.0227度。
用px定义文本,不管用户如何设置,大小都不会改变;用pt定义文本,当用户设置超过96DPI时,数值越大,字体越大。
假如每个人网页是为了浏览而非打印,建议大家用px来定义字号,理由如下:
(1)如前面的Jet所述,px指的是象数,象数的概念本身就是为了显示而引用的,而pt(磅值)很大程度上是为了不出错,印刷和显示有很大的不同,这里就不多说了,吉吉所说的情况也是pt带来的弊端。
(2)Html代码中的大多数默认单位,如width=10等都是以px为单位,屏幕的总宽度高度也是以px为单位,800*600为宽度800px;高度600px;我们将字号定义为12px;可以方便地计算,比如,10个中文字,他的宽度是10*12=120,我们很容易就能写出width=120的表格来框住他,这只是一个例子。
请大家做个测试,body{font-size:10.5pt;}和body{font-size:14.7px;}这两种定义方法,要让Netscape显示出10.5磅比较优化的字号,只能定义为14.7px,否则只能认识IE。
以上就是css px和pt的不同,希望对大家有所帮助。更多css学习指路:css教程
相关文章
- 如何在spring boot中从控制器返回一个html页面?
- http预请求options
- SpringBoot配置切换
- SpringBoot端口和上下文路径
- ASP.NET Core MVC 之视图组件(View Component)
- springboot添加操作
- spring boot 与 Mybatis整合(*)
- HTML随笔
- Html,Css,JS
- Sublime 快捷生成HTML 插件安装
- html简单示例
- 《Vue.js 设计与实现》读书笔记 - 第14章、内建组件和模块
- 《Vue.js 设计与实现》读书笔记 - 第13章、异步组件与函数式组件
- 《Vue.js 设计与实现》读书笔记 - 第12章、组件的实现原理
- 《Vue.js 设计与实现》读书笔记(1-3章)
- JavaScript 中如何拦截全局 Fetch API 的请求和响应?
- 解决 Vue 项目打包上线后客户端缓存的问题
- 用 JavaScript 刷 LeetCode 的正确姿势【进阶】
- Vue 可拖拽组件 Vue Smooth DnD 详解和应用演示
- 原生CSS、HTML 和 JavaScript 实现酷炫表单