响应式布局是为了适配不同的终端而生,移动端布局是针对于智能手机为主,也就是现在行内常说的H5站
工具/原料
1
atom
2
ps
3
node.js
4
vue.js
方法/步骤
1
用pc端的方法布局首先没办法做到响应式,没办法适应到移动端中去,简单的说就是会出现页面布局混乱。
2
比如说:导航模块的设计移动端网站会更加注重导航按钮的大小,符合用户的手指大小以及触碰习惯。PC端的导航则是要全部都要显示出来,方便用户轻松点击栏目。
3
网站内容的布局:时候我们打开PC网站,发现网站非常大气美观,布局也合理。但是到了移动端上看的话,由于页面不能适应移动端的页面,导致变形,甚至是无法正常显示出来。所以在设计网站页面时,如果是要做自适应网站的,一定要考虑到网页在移动端上的页面显示。
4
网页的大小及加载时间由于移动端用户的网速有限,在网页大小及加载时间上需要控制好。一般单页面的加载时时间要在5秒以内,网页的大小也不要超过50kb.需要减少http请求。减少重定向、减少传输数据的大小,压缩图像等等