页面布局设计。第一页面的呈现成效, 因为手机进行网页浏览进步时间较短, 大多数的网站布局都是直接移植PC端的显示布局, 这对于手机来讲, 体验是相当不友好的, 不止是体目前操作上的不便捷, 而且就显示成效来讲也很差, 非常难让受众适应, 久而久之导致了读者在手机端的体验不理想。响应式网站制作采取了流动式的布局办法, 从而防止了此类问题。流动布局, 不同于普通的固定布局, 二者存在有什么区别如下, 所谓固定布局, 顾名思义, 其页面显示的左右宽度是固定的, 以px作为其宽度单位。流式布局则不同, 其页面的左右宽度并不会为固定长度而限制, 它是一种相对的页面宽度, 其单位是百分比, 这里的百分比指的是页面宽度与其所在元素的比值。简而言之, 相较于传统固定式的网页排布, 流式布局的网页排布拥有灵活性和自主适应性, 其网站布局的宽度会依据屏幕的大小自动的做出相应的改变, 保证不会发生页面溢出的现象, 很大的增强了页面元素在网页中的适应性。
