在 Foundation Framework 中使用 rem-calc() 有什么好处?
What is the advantage of using rem-calc() in Foundation Framework?
Converts one or more pixel values into matching rem values.
不直接使用px有什么好处?
事实上 rem-calc
是一个函数,可以计算相对于根字体大小所需的像素数量。
例如 px 直接删除您网站的可访问性因素,用户可以根据自己的喜好(浏览器级别)默认根字体大小,并且 rem-calc
会相应地缩放 up/down 然而当在PX,你强迫用户使用 X 个像素。
为了提高响应速度,在像素上使用 rem/em 也是一个好主意,如果父元素上的字体大小发生变化,它将按比例缩放 down/up,而当以像素为单位时,它会一直保持你设置的样子。
注意:在这种情况下,使用 rems 而不是 px 可能还有其他优势。
Converts one or more pixel values into matching rem values.
不直接使用px有什么好处?
事实上 rem-calc
是一个函数,可以计算相对于根字体大小所需的像素数量。
例如 px 直接删除您网站的可访问性因素,用户可以根据自己的喜好(浏览器级别)默认根字体大小,并且 rem-calc
会相应地缩放 up/down 然而当在PX,你强迫用户使用 X 个像素。
为了提高响应速度,在像素上使用 rem/em 也是一个好主意,如果父元素上的字体大小发生变化,它将按比例缩放 down/up,而当以像素为单位时,它会一直保持你设置的样子。
注意:在这种情况下,使用 rems 而不是 px 可能还有其他优势。