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

起因

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

方法
  • 在head中添加下面这段代码
<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:用户是否可以手动缩放。
腾讯云活动
最后修改:2022 年 04 月 05 日
如果觉得我的文章对你有用,请随意赞赏

发表评论
使用cookie技术保留您的个人信息以便您下次快速评论,继续评论表示您已同意该条款

🎲