解决手机上字体显示小的问题：
方法一（推荐）：
~~~
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
~~~
方法二：
~~~
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
~~~
CSS3 弹性盒子(Flex Box)
弹性盒子是 CSS3 的一种新的布局模式。
CSS3 弹性盒（ Flexible Box 或 flexbox），
1）更好的自适应屏幕大小。
2）更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。
倒计时：
index.js
~~~
$(function(){
//从路径中获得aid的值
var index = location.href.lastIndexOf("=");
var aid = location.href.substr(index+1);
//获得活动的信息
$.ajax({
url:"activity/"+aid,
type:"get",
dataType:"json",
success:function(data)
{
console.log(data);
//更新活动图片
$("#banner").attr("src","img/"+data.imgurl);
//更新活动数据
$("#totalpeople").html(data.totalpeople);
$("#totaltickets").html(data.totaltickets);
$("#totalaccess").html(data.totalaccess);
//扩大作用域为全局变量
endtime = data.endtime;
//更新倒计时
var now = new Date();
if(now<data.starttime)
{
//1. 如果当前时间小于开始时间-活动未开始
$("#status").html("活动未开始");
}
else if(now>=data.endtime)
{
//2. 如果当前时间大于结束时间-活动已结束
$("#status").html("活动已结束");
}
else
{
//3. 活动进行时
$("#status").html("活动倒计时");
taskid = setInterval(countdown,1000);
}
//倒计时
function countdown()
{
var now = new Date();
if(now>=endtime)
{
//终止循环任务
clearInterval(taskid);
}
else
{
//1. 获得结束时间-当前时间(毫秒数)
var diff = endtime - now;
//2. 根据毫秒数算天，小时，分钟，秒
var seconds = padLeft(parseInt(diff/1000%60));
var minutes = padLeft(parseInt(diff/1000/60%60));
var hours = padLeft(parseInt(diff/1000/60/60%24));
var days = parseInt(diff/1000/60/60/24);
$("#countdown").html(days+'天 '+hours+'小时 '+minutes+'分钟 '+seconds+'秒');
}
}
function padLeft(num)
{
if(num<10)
{
return "0"+num;
}
return num;
}
}
});
~~~
