最近在使用Flask开发一个网站,发现在电脑上显示没有问题,但是在手机上显示不好,按钮变得很扁,按钮的名字都显示不出来了,经过搜索,找到了解决办法如下。
参考帖子:《html如何适应手机?》
还有一篇描述更详细的帖子:移动前端开发之viewport的深入理解
经过测试,只需要在<header>中增加下面的元素即可:
<meta name="viewport" content="initial-scale=1">
最近在使用Flask开发一个网站,发现在电脑上显示没有问题,但是在手机上显示不好,按钮变得很扁,按钮的名字都显示不出来了,经过搜索,找到了解决办法如下。
参考帖子:《html如何适应手机?》
还有一篇描述更详细的帖子:移动前端开发之viewport的深入理解
经过测试,只需要在<header>中增加下面的元素即可:
<meta name="viewport" content="initial-scale=1">