移动端fixed的问题

最近在做一个移动端的界面，需要在PC端上预览，由于尺寸因素，为了有一个良好的效果，用到了transform这个属性，将其缩放，但是在移动端底部固定了一个底部标题后（用到了fixed），发现移动端还好，（因为底下不是input输入框，不会弹出软键盘），但是在PC端的预览上发现底部标题变成了position:absolute效果而随之移动。
一开始觉得生性坚强的fixed属性，除了会在ios端出现软键盘的情况下掉链子，其他应该没问题。
经过我在控制台的element上多次尝试，发现罪魁祸首就是transform这个属性，在父元素用到了缩放的情况下，子元素fixed便自动降级为absolute变成了绝对定位。
在确定transform是最好的情况时，（也就是说不能放弃transform的使用），因此从css出发,页面不会过长出现滚动，那么即便 fixed 元素失效，也无法跟随页面滚动，也就不会出现上面的问题了。那么按照这个思路，使 fixed 元素的父级不出现滚动,将原滚动的区域域移到中间内部.