制作Mobile-first Web程序

Masking your user agent in Chrome with a plugin 使用插件隐藏你的 user agent

Learning the viewport and its options 学习 viewport 和它的参数

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

Adding a mobile stylesheet for mobile browsers only using the media query 仅使用媒体查询为手机浏览器添加一个样式文件

<link rel="stylesheet" media="screen and (max-device-width:320px)" href="mobile.css" />

Adding JavaScript for mobile browsers only 仅在手机浏览器下才下载脚本

$(document).ready(function(){
    if (window.screen.width < 600){
        $.getScript("http://code.jquery.com/mobile/1.2.0/jquery.mobile-
1.2.0.min.js");
    };
});