响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。响应式网页设计有很多优点，今天北京分形科技的小编就跟大家讲讲响应式设计都遵循以下核心原则。
　　
　　1、流体网格
　　
　　流体网格是响应式设计的核心。网格可以对齐页面上的元素，并按照一定的层次结构以视觉上吸引人的方式对其进行布局。流体网格的缩放取决于用户屏幕的大小，并确保所有页面元素都紧随其后。尽管在设计领域中，网格的使用一直存在于设计领域，但是对于网站设计而言，仍然开发了简单的响应式网格来帮助设计人员和开发人员进行网站设计。在这些最初的响应式网格之后，各种各样的响应式CSS框架突然出现，它们都将其代码基于流体网格。
　　
　　2、媒体查询
　　
　　媒体查询自2000年代初期就存在，但是直到2012年才成为W3C推荐的标准。像流体网格一样，媒体查询代表了响应式网站设计背后的基础技术。借助媒体查询，网站可以收集有助于确定访问者用来访问它的屏幕尺寸的数据。掌握了这些信息后，便会有条件地加载适合该特定屏幕尺寸的CSS样式。
　　
　　3、响应式图像和媒体
　　
　　当您只处理文本时，响应式网页设计会很好地工作。但是，现代网站包含许多媒体，例如图像和视频，这可能有些棘手。处理图像和其他媒体文件的正确方法是使用max-width属性，而不是使用图像或媒体文件的尺寸。
　　
　　如果要包括其他媒体类型，则样式设置会变得更加细微差别。height属性将不起作用，因此将填充物应用于容器的底部，然后将介质放置在该容器中是可行的方法。
　　
　　更多高端网站建设、网站设计、网页设计等相关，详情请咨询北京分形科技。