html适配手机的方法，自动缩放

起因

偶尔用Python查些实时数据，例如当前温度什么的，只需用Flask写一个很简单的显示页面即可。

方法

• 在head中添加下面这段代码

代码语言：javascript复制

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

说明

• viewport ：用户网页的可视区域.
• width：控制viewport的大小，可以指定一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放100%时的CSS的像素）。
• height：和 width 相对应，指定高度。
• initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。
• maximum-scale：允许用户缩放到的最大比例。
• user-scalable：用户是否可以手动缩放。

height load scale viewport width

0 人点赞