移动端界面等比例放大缩小的问题

这是个tab页，点击其中一项时，自己会放大，如果点击的是从左往右数第三个，他会往左移动一位，如果点击左边前两个，他会往右移动一位。当屏幕放大了以后，如下图整体的比例没有变化，包括字体和高度，是不是这样js就可以控制移动的距离了，请问是如何实现这样屏幕有2到3px的变化tab也会整体变动的

你用百分比就可以了。一共4个图标。设置比例为，28%，24%，24%，24%，这样，如果移动到第三个，那就让第三个变成28%，其他都变为24%