现如今，自适应网站设计已经越来越流行，随着科技的不断发展，用户在浏览网站时不单单只靠电脑来操作，而移动端的用户浏览需求也在增多，这时候制作一个自适应的网站就显得尤为重要。那么，自适应网站建设的重点内容是什么呢？小编在下面的内容中会把自己总结的一些经验给大家分享下。
设计重点一：HTML头部增加viewport标签
在网站HTML文件的开头增加viewport meta标签，这样可以传达给浏览器一个信息。一般这段代码只是支持Chrome、Firefox、IE9以上的浏览器，暂时不支持IE8以及低版本浏览器。
设计重点二：CSS尾部增加规则
在CSS文件中适当的使用一些代码，当在不同浏览器打开网站时，可以让宽度低于480像素的设备自动调节。
设计重点三：布局宽度使用相对宽度
其实我们也可以将页面的总体框架使用绝对宽度，不过我们建议，页面以下的内容尽量使用相对宽度。
设计重点四：使用相对字体
绝对字体一般表现为12px，而相对字体则是1em，不过也不是非要使用相对字体，绝对字体一样可以正常显示。
设计重点五：图片自适应技巧
网站中使用图片时，设置 max-width:100%或width:100%。CSS加载图片时也可以实现，语句：background-size:100% 100%。
最后总结：网站设计中需要掌握其中的重点内容，这样会更好的掌控细节，在短时间里完成页面的建设工作。根据现在的用户浏览需求，网站制作的技术需要不断的提高，这样才能保证用户满意。
sjfc2008@126.com 
