页面布局设计。首先页面的呈现效果, 由于移动设备进行网页浏览发展时间较短, 大部分的网页布局都是直接移植PC端的显示布局, 这对于移动设备来说, 体验是相当不友好的, 不仅是体现在操作上的不方便, 而且就显示效果来说也非常的差, 很难让受众适应, 久而久之造成了读者在移动设备端的体验不理想。响应式网页设计采取了流动式的布局方法, 从而避免了此类问题。流动布局, 不同于一般的固定布局, 二者存在的区别如下, 所谓固定布局, 顾名思义, 其页面显示的左右宽度是固定的, 以px作为其宽度单位。流式布局则不同, 其页面的左右宽度并不会为固定长度而限制, 它是一种相对的页面宽度, 其单位是百分比, 这里的百分比指的是页面宽度与其所在元素的比值。简而言之, 相较于传统固定式的网页排布, 流式布局的网页排布具备灵活性和自主适应性, 其网页布局的宽度会根据屏幕的大小自动的做出相应的改变, 保证不会发生页面溢出的现象, 极大的增强了页面元素在网页中的适应性。
