隐性URL导致的页面在移动端被缩放的问题

隐性URL导致的页面在移动端被缩放的问题

一、前置操作：添加隐性URL解析

前几日因为项目部署，对于几个域名重新做了整理，将DNS域名解析做了调整。做了两条解析记录用来处理二级域名。

1.首先添加一条A型解析记录，记录值为服务器IP地址

2.然后在添加一条隐性URL记录

此操作目的是为了将实际的IP+port的地址变为简洁的域名。

当访问XXX1.ABC.com时，实际访问的为XXX.ABC.com:81的地址。利用隐形URL可以隐藏原始路径，增加一定的安全性。

二、问题复现

上述修改在PC端操作无任何异常。但是在移动端访问时会出现移动端的页面被自适应缩放。如下图：

在此之前，是这个样子的。

很显然缩放情况有问题。

三、排查

首先回退了旧版本，发现问题仍然存在。

然后怀疑是index.html中head是不是有什么问题，查了一圈，发现也没什么毛病。

后来就想到是不是跳转的问题，就发现用隐式URL时，网页会被iframe包裹，导致上述问题。

四、解决

这里提供我的解决方式，直接将隐形URL跳转修改为显性URL跳转，就是地址栏中会显示跳转后的地址。简单快捷，当然，如果存在必须要隐藏URL地址的情况，那我提供的方法就没用了。