CSS中的单位是一种相对单位,他是以父元素的尺寸为参考,具有很高的灵活性和适应性。p { fontsize: 16px; lineheight: 150; } 在上面的例子中,单位被用于确定段落的行高...
CSS中的%单位是一种相对单位,他是以父元素的尺寸为参考,具有很高的灵活性和适应性。
p {
font-size: 16px;
line-height: 150%;
} 在上面的例子中,%单位被用于确定段落的行高。由于这个值是相对于父元素的字体大小计算的,因此即使改变父元素的字体大小,行高也会自动调整。
div {
width: 80%;
max-width: 1000px;
margin: 0 auto;
} 在这个例子中,%单位被用于确定
img {
max-width: 100%;
height: auto;
} 在这个例子中,%单位被用于限制图片的最大宽度。这样,即使图片本身的大小超过了父元素的尺寸,也不会导致页面布局的破坏。另外,使用%单位也可以避免图片失真的问题。