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

in #cn6 years ago

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

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

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

Coin Marketplace

STEEM 0.27
TRX 0.21
JST 0.038
BTC 97163.60
ETH 3692.60
USDT 1.00
SBD 3.85