解决网站开发中网页在手机上显示不全的问题

最近在使用Flask开发一个网站，发现在电脑上显示没有问题，但是在手机上显示不好，按钮变得很扁，按钮的名字都显示不出来了，经过搜索，找到了解决办法如下。

参考帖子：《html如何适应手机？》
还有一篇描述更详细的帖子：移动前端开发之viewport的深入理解
经过测试，只需要在<header>中增加下面的元素即可：

<meta name="viewport" content="initial-scale=1">