大连零基础网站建设教学哪里有,门户网站建设方案 模板,当阳建设中学网站,重庆建设摩托车股份有限公司绝对长度单位
这些单位表示固定的物理尺寸#xff0c;不会根据其他因素变化。
cm#xff1a;厘米mm#xff1a;毫米in#xff1a;英寸#xff08;1in 96px 2.54cm#xff09;px#xff1a;像素#xff08;最常用的绝对单位#xff0c;在屏幕上的表现取决于设备的分…绝对长度单位
这些单位表示固定的物理尺寸不会根据其他因素变化。
cm厘米mm毫米in英寸1in 96px 2.54cmpx像素最常用的绝对单位在屏幕上的表现取决于设备的分辨率pt点1pt 1/72 of an inchpc派卡1pc 12 pt
相对长度单位
这些单位相对于某个元素或父元素的属性值因此它们可以更灵活地适应不同的显示条件和用户设置。
em相对于当前对象的字体大小。1em 等于当前元素的字体大小。如果未指定则等于浏览器默认的字体大小。rem相对于根元素HTML的字体大小。1rem 等于 html 元素的字体大小。ex相对于当前对象的小写字母 x 的高度。ch相对于字符 0 的宽度。vw相对于视口宽度的百分比1vw 等于视口宽度的1%。vh相对于视口高度的百分比1vh 等于视口高度的1%。vmin相对于视口较小维度的百分比即取 vw 和 vh 中较小的一个。vmax相对于视口较大维度的百分比即取 vw 和 vh 中较大的一个。
百分比单位
%相对于父元素的字体大小。例如如果父元素的字体大小为16px那么子元素使用font-size: 50%;将会是8px。
使用建议
响应式设计对于需要响应不同屏幕尺寸的设计推荐使用相对单位如em, rem, vw, vh等因为它们可以根据用户的屏幕大小和浏览器窗口自动调整。固定尺寸如果你希望字体在所有设备上保持一致的视觉效果可以考虑使用绝对单位如px或pt。可读性与可访问性使用相对单位有助于提高网站的可读性和可访问性因为它允许用户通过浏览器设置调整文本大小。
