问题描述：
1、我们的h5页面是嵌入到app里面，用webview实现浏览器打开的
2、在手机浏览器打开没有问题
原因：
安卓的webview会出现这个问题，因为webview是手机内置浏览器的sdk封装出来的组件，因此会受手机系统的影响，但是ios的webview不会出现这个问题。
解决方法：
1、同时经过测试发现我们用document.documentElement.html.style.fonSize获取出来的都是48px,但是实际上页面字体变大了，说明1px代表的像素变大了。既然问题出现在安卓，那安卓一定会有相应的解决办法:webview.getSettings().setTextZoom(100),这个方法可以设置webview内部字体的缩放比例,设置为100%也就是按照默认大小来显示，而不会是字体选择中的“大”、“超大”（大于100%）或者“小”（小于100%）。而因为限制了px的缩放比例,我们的长度也最终得以正常呈现。
2、由于我们的app是使用别人的应用，所以让他们去改动会比较麻烦，因此只能我们页面改动：假设你的html fontsize设定为a px，实际显示是b px，但是你想让他显示是a px，因此你需要把html的fontsize调整为a*a/b px这样在系统字体大小变化时你还是可以保持设定的布局大小的。
用window.getComputedStyle(document.querySelector('html'),null).getPropertyValue('font-size')可以获取到实际的大小，像document.documentElement.html.style.fonSize获取的都是一样的设定值而不是具体值。
设定完html的fontsize大小后再获取实际的html大小判断是否一致，如果不一致再设定一次大小为a*a/b即可解决。
具体可以参考：
从这篇文章得到的有效信息最多
为什么政府网站一般都选择静态发布？
今年过了年接手了政府网站建设相关的产品工作，发现和以往产品最大的不同是，政府网站建设用的是静态发布，以前做的移动产品都是动态的。那么政府网站为什么一般都选择静态发布呢？今天就来总结分析下。
01 什么是静态网站
静态与动态是相对来说的，静态网页就是我们常见的以.htm、.html、.shtml等后缀结尾的页面。
通常静态网页的制作流程是：
第一步：发布信息到数据库
第二步：选择页面的模板
第三步：程序读取模板+数据库信息=静态页面
第四步：发布索引页面（如首页、引导页等）
静态页面的生成至少需要上述几个步骤才能完成。
静态网站设计所采用的的技术原理是一对一的形式，也就是说在这样的网站上面，一个内容对应的就是一个页面，对应服务器上的一个文件；所以静态网站可以简单理解为纯粹就是几个制作好的页面而已。
网页在设计好并上传到服务器后，就不能对网站的内容进行修改了，除非把网站文件下载下来，用专业的网站制作软件修改编辑好后再次上传；所以在静态页面的制作中，模板是关键，因为一旦想要调整页面，必须再次创建，而如果数据量大的话，那么这个更新时间将相当可怕。
另外，静态页面不需要与数据库通信，无论网站访问者如何操作，都只是让服务器把固有的数据传送给请求者，没有脚本计算和后台数据库读取的过程。
最后补充一下，URL相对动态网站来说也比较清晰，如，product.html。
02 静态网站的优势1. 打开速度快
因为静态网站没有其他程序和数据读取，因此静态网站打开速度相对比较快。
2. 受搜索引擎欢迎
动态网页网址中动态参数太多，而且链接过长，而静态网页则相反，因此静态网页比动态网页更受搜索引擎欢迎。
再加上静态页面打开速度快、网站URL标准化程度高、网站简洁、网站用户体验度好，使得静态网页更容易被搜索引擎所收录。
3. 安全性高
因为静态页面都是chuntml格式的文件，所以不管黑客使用什么样的手段都无法直接对网站进行攻击，所以在网站安全性方面，静态页面是做的最好、最安全的一种方式。
4. 具备跨服务器、跨平台能力03 静态网站的不足1. 维护操作繁琐
因为静态页面无法在调整后自动更新，不能直接对网站内容进行修改，所以如果要调整页面，必须再次创建，维护操作十分繁琐。
2. 一旦内容增多，资源占用率极高
虽然静态页面不需要对数据进行不断读取，但是在生产静态页面的时候，程序需要对服务器进行创建文件夹、创建html文件、删除文件等操作，所以如果网站存在上万篇文章，那么每生成一次静态文件，就会对网站服务器带来很大压力，而且也无形地增加空间占用率。
3. 静态页面功能单一
静态页面由于受其特性影响，无法实现会员注册、在线留言等功能，只能简单地以信息展示为主。
04 什么是动态网站
动态网站是先从数据库里面获取数据，然后再按一个格式显示出来，也就是说只需要一个显示页面内容的框架，就可以把成千上万的网页显示出来了，所以动态网站对服务器空间要求很小。
动态网站内容可以实时更新，而且与用户交互性强，比如一些论坛、注册、在线聊天页面都是动态的。
另外，动态网站由于每次加载一个新的页面，都需要与后台数据库通信，所以加载速度会稍慢一些。
在URL方面，动态网站URL可能会带有参数。
动态网站的开发语言主要有：ASP、JSP、PHP、ASP.NET，早期最普遍的是ASP开发的网站，现在主流网站开发语言是PHP、ASP.NET。这些程序都要使用数据库才能完成动态操作。数据库常用的有：ACCESS、MYSQL、MSSQL、ORACLE等。
05 动态网站的优势1. 对服务器压力小
由于动态页面可以通过网站程序直接调用大量数据直接展示到网站前台，因此动态页面对网站服务器产生的压力相对较小。
但是由于动态页面需要不断的调用数据库中的数据，所以对数据库的要求还是比较大的，而且频繁的调用读取会增加数据库的负担，严重情况有可能会导致数据库崩溃现象。
2. 信息维护方便
动态网站由于可以实时修改更新，因此维护方便，同时由于可以存储大量数据，所以在需要时可以立即查询。
06 动态网站的不足1. 搜索引擎的信任度低
搜索引擎的算法受网站安全性、网站打开速度、网站URL对用户的体验度等影响，使得搜索引擎对动态页面赋予的权重值和信任度相对较低。
2. 网站安全性较低
由于动态页面网站的URL参数和网站目录结构都是很明显的暴露在浏览器上面的，所以很多黑客可以通过修改网站的URL参数从而获得网站的shell权限，进入后台拿到管理员账号密码，对网站进行非法操作，因此动态网站的安全性较低。
除此之外，因为动态网站会用到数据库，所以对数据库的安全和保密性要求较高，要专业技术人员提供维护才能保证网络安全。
07 什么是伪静态
伪静态本身其实就是动态网页，只不过是被转换重写成了静态网页，此时通过浏览器访问的地址和真的静态页面没有区别。
当考虑搜索引擎优化SEO时，可以将动态页面通过服务器处理成静态页面，比如论坛帖子页面，都是经过伪静态处理成静态页面。
但是伪静态不是真实地址，到底要显示哪个页面也就不能直接指定，而要由CPU来判断，所以CPU占有量的上升是伪静态最大的弊病。
总之，为了SEO，网站可以选择伪静态，但是为了避免CPU超负荷，可以少量使用伪静态，甚至可以只在专门提供给SEO的Archiver中使用伪静态。
08 动态发布&静态发布怎么选
当然，现在也有越来越多的网站采用动静结合的方式，因此可根据具体需求及实际情况来选择不同的技术方案。
