第二种方法在初始化WKWebView的时候添加配置可以解决自适应的问题 ，但是在加载的内容宽度大于高度的时候就有些不准确了，宽度无法自适应屏幕的宽度，最后我也没搞明白是因为什么原因，最后就放弃了这个方法自适应屏幕宽度js 在加载的过程中我使用KVO监听加载的进度，从而获取最后加载内容的高度根。

一是通过各种技术写一套响应的代码，要用到的技术，如通过设置百分比宽，使用栅格系统，和通过媒体查询，弹性布局等结合来实现这样写的好处了代码只需要写一套但是这样写要做兼容各种移动端肯定会有各种各样的问题出现第二种方法是写两套代码，pc端和移动端分开来写，然后再通过添加js获取屏幕的。

自适应 canvas 的宽高，主要关注的是元素显示尺寸的调整，而非 canvas 内部坐标空间的大小css 规则可指定 canvas 显示大小，实现自适应效果，但 canvas 的内部像素并不直接与 css 或物理屏幕像素对应，因此会存在缩放显示的问题若需 canvas 内部坐标空间始终与窗口大小同步，可通过 js 代码将 canvas。

实现方式通过JavaScript动态计算并设置html元素的fontsize，使得在不同的屏幕尺寸下，rem单位所代表的长度能够相应地变化，从而实现元素的自适应布局优点使用rem单位可以方便地实现整体布局的缩放，且易于管理和维护缺点需要额外编写JavaScript代码来动态计算fontsize，且对于某些精细的布局调整可能不。