如何将像素转换成百分比

        width: 178px;  =>  width:  ?  %;
        height: 116px;  =>  height: ? %;

请问一下，这两个数值怎么转换成百分比？

比如width是1920 height是1080

width就是178 ÷ 1920 × 100 = 9.270833%
height就是 116 ÷ 1080 × 100 = 10.740741%

这要根据屏幕的分辨率(或者上级元素的尺寸)来定啊，否则的话百分比还有什么意义呢？比如屏幕是1920x1080的，则width:1000px就相当于width:52% ，如果屏幕是1366x768 的，则相当于 width:73%。

百分比(%)继承的是父级的width和height的属性；例如选择器为.parent的样式：

.parent{
  width:100px;
  height:100px;
}

子元素child的样式：

.child{
  width:80%;
  height:70%;
}

那么，子元素child的width就是80px,height就是70px。

需要根据屏幕的分辨率来决定，比如屏幕是1920x1080的，则width:1000px就相当于width:52%。