zenxds
8/11/2013 - 2:12 PM

mobile.css

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

/* PC宽屏样式*/
/* iPad及以下,所有小于(不等于)960宽度的平板电脑*/
@media only screen and (max-width: 959px) {}
/* 仅iPad竖版,所有小于(不等于)960宽度的平板电脑的竖版*/
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* iPhone及以下*/
@media only screen and (max-width: 767px) {}
/* 仅iPhone横版,包括某些平板电脑的竖版*/
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* 仅iphone4 竖版*/
@mediaonly screen and (max-width: 479px) {}