CSS unit

Xiaozheng 2020-11-08 23:46:35
css unit


A unit of absolute length

Company name Equivalent conversion
cm centimeter 1cm = 96px/2.54
mm mm 1mm = 1/10th of 1cm
Q A quarter of a millimeter 1Q = 1/40th of 1cm
in Inch 1in = 2.54cm = 96px
pc Twelve o'clock type ( A unit of length in the printing industry ) 1pc = 1/6th of 1in=16px
pt spot ( A unit of length in the printing industry ) 1pt = 1/72th of 1in=4/3px
px Pixels 1px = 1/96th of 1in
Many units are used for printing

Relative length unit

Company reference
em stay font-size The font size relative to the parent element is used in , Used in other properties is relative to its own font size , Such as width
ex character “x” Height
ch Numbers “0” Width
rem The font size of the root element
lh Elemental line-height
vw The width of the window 1%
vh Window height 1%
vmin Smaller windows 1%
vmax View big size 1%
版权声明
本文为[Xiaozheng]所创,转载请带上原文链接,感谢

  1. css单位
  2. 前端验证集合
  3. Front end validation collection
  4. Front end learning (4) -- response line, response head, response body
  5. Lesson 27: using time measuring tools to explore available spare time
  6. CSS 单位
  7. CSS unit
  8. 前端工具集合
  9. Front end Tools Collection
  10. Introduction to HTTP message format
  11. Introduction to new features of HTML5
  12. Common instructions for Vue
  13. Introduction of bootstrap Blazer component library
  14. HTML5 速览
  15. HTML5 quick view
  16. HTML表格自动排序
  17. For less than $1700, create a private cloud with openstack
  18. Basic learning of JavaScript (1)
  19. 前端编程之路一一HTML标签分类
  20. Front end Programming: HTML tag classification
  21. ColSpan and rowspan merging cells of HTML form elements
  22. JavaScript 日期时间格式化
  23. JavaScript date time formatting
  24. Classification of front end interview questions - html2
  25. CSS block elements
  26. HTML5 form detailed tutorial
  27. HTML5 form detailed tutorial
  28. HTML5新增的元素表
  29. New element table in HTML5
  30. 3D轮播插件vue-carousel-3d非官方最全文档
  31. 3D carousel plug-in vue-carousel-3d
  32. Uniapp (Vue general) integrates Tencent location service SDK -- multi platform small program general
  33. Slowhttptest slow attack tool use details
  34. HTML summary (2)
  35. Overview of CSS3
  36. Front end abnormal monitoring system
  37. 免费网站部署和免费数据库Serverless云存储资源汇总整理
  38. Free website deployment and collection of free database serverless cloud storage resources
  39. Vux form -- a form solution of base vux
  40. 可以直接用于HTML中的特殊字符表 unicode字符集
  41. Can be directly used in HTML special character table Unicode character set
  42. Detailed explanation of HTTP protocol
  43. HTTP request header and request response header
  44. CSS background深度解析
  45. Python web/HTML GUI
  46. Front end standard 2: HTML you know and don't know
  47. Some HTML tags
  48. HTML标签之table
  49. Table of HTML tag
  50. DataTables of jQuery plug-in
  51. Unity calls Google's free translation API (HTTPS interface). Young people don't speak martial arts. How can they speak in multiple languages
  52. Linux entry most commonly used commands, do not learn a bunch of useless commands
  53. Piziheng embedded: a list of common short-range wireless communication protocols (Wi Fi / Bluetooth / ZigBee / thread...)
  54. Naming rules for the front end team of ladder
  55. HTML logo related symbols
  56. Node . JS: development resources and technology stack arrangement
  57. Unity calls Google's free translation API (HTTPS interface). Young people don't speak martial arts. How can they speak in multiple languages
  58. Straighten out JavaScript (18) - statements and operators
  59. Employment information statistics network (interface document)
  60. css selector