虽然随着互联网发展网站建设好似已经落寞了，但是也还是占据了很大的地位，我们在进行企业网站建设中经常会遇到是自适应还是进行分开设计，例如PC和手机端不同的版本样式文件，今天知码客小编仅仅讲述一下自适应，因为整体来说自适应还是合适中小企业的毕竟一套代码多端适配。

自适应设计方法

常见的自适应可以利用media查询的方式来实现，我们这里仅仅说一下几个常见的断点

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

或者我们可以用常见的例如bootstrap,amazeui等前端框架来制作。小编经常用的就是media媒体查询的方式，毕竟如果一个企业站点没多少页面用前端框架反而累赘。

简单的分享，还是需要大家多多的去学习实践。欢迎交流