由于刚开始没有思路，找了很多大神的参考，最后理解的出如下：
思路：在竖屏状态下，让body旋转成横屏，宽高获取屏幕的宽高；
<body>
<div id="print">
<h3>Mlll000999887</h3>
</div>
</body>css写法：
竖屏变横屏，body的宽高还是不对，现在用js来计算：
第二种方法：
1.通过添加监听事件onorientationchange，然后判断window.orientation这个参数
window.orientation参数对应的屏幕方向：
Andriod：0 或180 横屏
Andriod： 90 或 -90 竖屏
ipad，iphone： 90 或 -90 横屏
ipad，iphone： 0 或180 竖屏- window.matchMedia("(orientation: portrait)") 方法
返回的是一个MediaQueryList对象，matches值为true表示为竖屏,反之就是横屏：
安卓手机在某些浏览器中可以禁止页面横屏：
QQ和微信中浏览器：
<meta name="x5-orientation" content="portrait">
UC浏览器：
<meta name="screen-orientation" content="portrait">
最后：
当然不止这一种方法，也可以全靠css来完成；
最后感谢博主大神：https://cloud.tencent.com/dev...
https://blog.csdn.net/Lc_styl...
android
ios
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。