多语言展示
当前在线:870今日阅读:168今日分享:49

用pc端布局方法布局移动端出现的问题

响应式布局是为了适配不同的终端而生,移动端布局是针对于智能手机为主,也就是现在行内常说的H5站
工具/原料
1

atom

2

ps

3

node.js

4

vue.js

方法/步骤
1

用pc端的方法布局首先没办法做到响应式,没办法适应到移动端中去,简单的说就是会出现页面布局混乱。

2

比如说:导航模块的设计移动端网站会更加注重导航按钮的大小,符合用户的手指大小以及触碰习惯。PC端的导航则是要全部都要显示出来,方便用户轻松点击栏目。

3

网站内容的布局:时候我们打开PC网站,发现网站非常大气美观,布局也合理。但是到了移动端上看的话,由于页面不能适应移动端的页面,导致变形,甚至是无法正常显示出来。所以在设计网站页面时,如果是要做自适应网站的,一定要考虑到网页在移动端上的页面显示。

4

网页的大小及加载时间由于移动端用户的网速有限,在网页大小及加载时间上需要控制好。一般单页面的加载时时间要在5秒以内,网页的大小也不要超过50kb.需要减少http请求。减少重定向、减少传输数据的大小,压缩图像等等

推荐信息