首页 > 程序开发 > web前端 > HTML 5 >

设置H5页面适应手机屏幕

2017-08-16

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

设置H5页面适应手机屏幕。

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

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

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

相关文章
最新文章
热点推荐