响应式布局中rem不能和(px、百分比)进行计算操作的解决

83 阅读1分钟

F9E5D27F-D0C1-43B9-A333-EC00970FB90D.png

大概是这样的布局,总宽度为100%或者100vh,A为rem响应式布局、居中,现在需要把B与A的左端对齐,正常情况下应该是给B样式 margin-left: cala((100% - Arem) / 2),但是rem不能和100%使用计算属性,下面是采用的一种取巧方法。 给B样式: padding-left: 50%; margin-left: -A/2 rem;