首页 > 代码库 > 如何做好一个手机页面
如何做好一个手机页面
最近在看手机网页是如何做的，经过学习和你们一起分享一下希望可以在以后的学习中大家不用那么费劲。
你们猜那个是我？？哈哈
好了，废话不多说，正题要紧。。。。。
我们做一个手机网站，首先要清楚一个目的，你是要做一个电脑站要适应到手机呢，还是纯粹的手机站，像APP一样的或者手机浏览的网页。两者大概都差不多！
我今天给大家介绍的是哈哈哈，后者。
你可以选择框架或者不用框架。。。。
首先在你的头文件声明中要声明这几个meta。。。。
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
- <meta name="apple-mobile-web-app-capable" content="yes" />
- <meta name="format-detection" content="telephone=no" />
第一个是设定手机端的屏幕尺寸的，第二个是设定iphone端页面全屏的，第三个则是取消数字被识别为电话号码的！当然，还有其他很多，你可以google一下，我的项目中通常只用到前两个。仔细的同学可能会发现bootstrap框架的头文件声明很像第一个。
如何做好一个手机页面
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。