单屏页面（又称翻屏页面），由于需要把一整屏的内容完整展示给用户，同时又要求页面不能出现滚动条，那么，仅仅只是针对屏幕宽度进行等比例缩放的适配，其实效果并不理想

随着公司知识付费业务的发展，产品发现横屏展示内容的效果和体验都要比竖屏要来的好。我也感觉确实是这样的～。刚接到这个需求的时候，稍微想了一下，横屏这还不简单直接把整个页面旋转90度，不就完事了？结果真正开发的过程中发现并没有这么简单。比如屏幕横过来手势滑动的方向没有变过来等等！于…

本文重点对比了生成图片前端方案中html2canvas、dom-to-image、dom-to-image-more、html-to-image、modern-screenshot的优劣。

前言 最近开发的横屏项目终于上线了，在开发中遇到了很多问题，最后都一一解决了。 需求来了 产品的需求明确是要强制横屏，这样微信和浏览器能保持一致，一屏展示，各个端都要保持一致，完美！ 实际内心接手是非

前文《浅谈移动端单屏解决方案》中，我介绍了移动端单屏场景下的一些常规解决方案。但是，这些方案主要针对的是竖屏的页面，对于一种特殊情况：横屏单屏页面，我们则需要进一步适配。