webkit---缩放重排

        有的网页（特别是桌面版网页）在手机上浏览时字体特别小，用户们不得不放大才能看清，为了避免网页放大后需要左右移动来看其内容，浏览器一般都会很贴心的对该网页的文字进行重排，以适应屏幕的宽度。这个功能很实用，但现在好像并不是webkit的自带功能，而是需要各家浏览器独自实现。那么这个功能主要涉及到两个技术点：缩放重排和重新定位。

        首先说一下缩放重排，实际上就只需要设置RenderBlock节点的排版宽度，然后借由其本身的layout过程就可以了。那么排版宽度设置成多少？原始的排版宽度是屏幕宽度width，缩放之后的排版宽度就是（width/此时缩放比例）。正常的排版是无视缩放因子的，而是在排版完成之后再按照缩放因子进行缩放。还有一点，显然并不是所有的节点都需要重排，这就需要大家自己判断了，一般只需要重排含有较多文字的节点。

        另一点是重新定位，在缩放重排之后，网页的布局会发生变化，将用户原本正在看的那段文字移到屏幕中间需要一定的判断。特别是在缩放比较激烈时如何准确做到这一点就比较有难度了。一般的做法是取两个手指的中点，认为这个点就是用户正在关注的点。在重排之前使用hitTestResultAtPoint来判断该点落在DOM树到哪个node节点上，并记录该点距离该node节点四周边界的比例。重排之后，重新定位到这个node节点，x轴可以直接与node的左边界对齐（为了美观也可以用算法稍微修饰下位置），y轴可以根据之前记录的老节点的比例，应用到新节点上。

        上述方法有一个问题，就是缩放比较激烈时y轴容易定位不准。因为重排之后节点的形状改变了，在Y轴方向上被拉长了，之前记录的比例在新节点上肯定有出入。不知大家有没