伊索科技帮您解读响应式设计

1.整体区别

虽然看起来这两张图的结果是一样的，但其实它解释了响应式网页和传统网页制作的思路上的不同。如果想进一步地知道区别，请往下读。以下图片均是左栏是“响应式网页”原则，右栏是传统网页原则。

木鱼网络坚持有好的用户体验才是一个网站的核心，一个连体验都没有的网站，如何算一个成功的网站呢 

2.是“流”

用像素值规定死页面上某个框的大小的时代过去了——你会发现在响应式网页中，会采用“流”这种思路。页面的某一个部分动了，其他的部分会随之动起来。

响应式网站中，设计占得角色更为重要，一个好设计，必须有自己独特的想法。

3.整体相关性

屏幕大小不同，但整体呈现出的比例应该要是一样的，响应式网页中的“整体相关”思路，让我们看到每个组成部分的大小应是可变的。

比例的运用，更容易让人视觉感触更舒适。

4.断点

“断点”是“响应式网页”的有效工具。有了“断点”，我们在PC端看到的三栏的内容就会在移动端上只出现一栏，而且CSS样式也会随之改变。