如何做好一个手机页面

Posted 2020-08-29

最近在看手机网页是如何做的，经过学习和你们一起分享一下希望可以在以后的学习中大家不用那么费劲。

你们猜那个是我？？哈哈

好了，废话不多说，正题要紧。。。。。

我们做一个手机网站，首先要清楚一个目的，你是要做一个电脑站要适应到手机呢，还是纯粹的手机站，像APP一样的或者手机浏览的网页。两者大概都差不多！

我今天给大家介绍的是哈哈哈，后者。

你可以选择框架或者不用框架。。。。

首先在你的头文件声明中要声明这几个meta。。。。

1. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
2. <meta name="apple-mobile-web-app-capable" content="yes" />
3. <meta name="format-detection" content="telephone=no" />

第一个是设定手机端的屏幕尺寸的，第二个是设定iphone端页面全屏的，第三个则是取消数字被识别为电话号码的！当然，还有其他很多，你可以google一下，我的项目中通常只用到前两个。仔细的同学可能会发现bootstrap框架的头文件声明很像第一个。