前提:今天在notion上把自己的简历敲了进去,简单排了排版发现导出可以直接导出成html格式,于是乎便传到服务器上运行。在pc上打开发现没什么大问题,也能自适应不同宽度的窗口,但是手机上就不行。

后来搜了一下发现了行代码很有效,懒人方法解决了适应问题(仅针对纯文字,如果有图片需要再加上width="100%")。

在head头部中插入以下代码:

 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

示例:

<html><head>在这里插入<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>个人简历</title><style>
<html><head><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>个人简历</title><style>
欢迎点赞评论~