这节先容，怎么快速把一个传统的网站，做的相应起来，只须要大略3个步骤。每每一个技能很博识很博识，开做之前已经被自己吓到了，其实在繁芜的技能，它都有一个核心，这个核心每每一拨就通。
而这里我要讲的便是核心技能：
1，给网站添加viewport属性，这个是给移动设备看的，也之后移动设备认得出这个，以是添加这个对pc毫无影响。
<meta name=\"大众viewport\"大众 content=\"大众width=720\公众 />
这段代码来自切图网个中一个手机端项目，这个采取的是固定宽度的做法，还有一种是流式做法，便是宽度100%，用固定宽度的好处在于，对付繁芜的构造布局固定宽度有更好的上风。
2，新建responsive.css文件，并在页面中加载它
<link rel=\公众stylesheet\"大众 href=\"大众css/responsive.css\"大众>
3，完善responsive.css的内容
@media only screen and (max-width:800px) {
{ float:none !important; width:auto !important; height:auto !important; min-width:auto !important; min-height:auto !important; font-size:14px !important; line-height:24px !important; }
}
你可以将上述代码拷贝直接拷贝过去，试试看效果，该当会有一点效果，但是肯定是不雅观观的，由于网站适配没有通用的代码，办理所有网站的布局，只能针对每个项目去剖析，去针对性的写代码来实现的。
以上是3大步骤，当然这是最核心的三部，能够确保完备不懂技能的你，按着操作能看到一点点效果。真正上得了台面的，像切图网专业供应适配开拓就远不止这么大略了。
例如常日还会有这么一段
<!--[if lt IE 9 ]>
<script type=\公众text/javascript\公众 src=\"大众js/html5shiv.js\公众 ></script>
<script type=\"大众text/javascript\"大众 src=\"大众js/respond_min.js\"大众></script>
<![endif]-->
浸染是让ie9以下浏览器支持html5标签和相应式。
如果你对相应式、适配等技能感兴趣，可以加我qq 613371729，或者微信：dingxiangming82
或者关注我的自媒体主页，给我留言，给我鼓励，引发我去写更多有关技能的文章。http://dingxiangming.com
文/丁向明
---------------------ad----------------------
切图网（qietu.com）全称切图网络技能有限公司，是真正以技能为驱动的公司，供应永久、不依赖第三方的网站适配做事，由资深工程师对每个项目进行剖析，开拓，以确保每个项目的品质，欢迎洽谈。4000-724-120
