<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<title>Home</title>
<!--==== bootstrap ====-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--==== font-awesome ====-->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!--==== owl-carousel ====-->
<link href="css/owl.carousel.css" rel="stylesheet">
<!--==== magnific-popup ====-->
<link href="css/magnific-popup.css" rel="stylesheet">
<!--==== animate css ====-->
<link href="css/animate.min.css" rel="stylesheet">
<!--==== style css ====-->
<link href="css/style.css" rel="stylesheet">
<!--==== responsive css ====-->
<link href="css/responsive.css" rel="stylesheet">
<!--==== jquery ====-->
<script src="js/jquery-2.1.4.min.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="js/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
响应式网站设计(Responsive Web design)的理念是:
页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。申明:本站所有资源都是转载各大下载站,或由网友投稿发布,请自行检测软件的完整性,如有侵权请联系我们删除下架,联系方式:admin@php.cn