码迷,mamicode.com
首页 > 移动开发 > 详细

如何做好一个手机页面

时间:2017-02-01 11:49:54      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:项目   style   googl   block   color   nim   str   min   content   

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

技术分享

你们猜那个是我??哈哈

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

我们做一个手机网站,首先要清楚一个目的,你是要做一个电脑站要适应到手机呢,还是纯粹的手机站,像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框架的头文件声明很像第一个。

 



如何做好一个手机页面

标签:项目   style   googl   block   color   nim   str   min   content   

原文地址:http://www.cnblogs.com/shangguancn/p/6359872.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!