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

in #cn6 years ago

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

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

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