欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

设置H5页面适应手机屏幕

程序员文章站 2022-05-03 19:34:26
设置H5页面适应手机屏幕。 移动开发如火如荼,越来越多开发注重手机网页适应。因为要做微信公众号做报名网页,将做好的页面在手机上测试发现页面显示是典型的电脑页面在移动端打开的现象,...
设置H5页面适应手机屏幕。

移动开发如火如荼,越来越多开发注重手机网页适应。因为要做微信公众号做报名网页,将做好的页面在手机上测试发现页面显示是典型的电脑页面在移动端打开的现象,左右显示不全,查了资料才知道要使页面适用手机屏幕,页面头文件里须加适口属性

<meta content="width=device-width, initial-scale=1" name="viewport" />

做移动开发这个必须设置,它指定了h5页面的宽度和手机的宽度一样,而且初始化没有放大,是按1:1显示的。