爱站程序员基地像素和百分比
<!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=, initial-scale=1.0\"><title>Document</title></head><style>.box1{height: 200px;width: 200px;background-color: gold;}.box2{height: 50%;width: 50%;background-color: green;}/* 长度单位：像素-屏幕（显示器），实际上由一个个小点组成-不同屏幕像素大小不同，像素越小的屏幕显示效果越清晰-所以，同样的200px在不同设备下，显示效果不一样百分比- 也可将属性值设置为相对于其父元素的属性的百分比- 设置百分比，可以跟随父元素的改变而改变em:- 相对于元素的字体大小来计算的1em = 1 font-size- 根据字体大小改变而改变rem:- 相对于根元素的字体大小计算 */</style><body><div class=\"box1\"><div class=\"box2\"></div></div></body></html>
