移动端和PC端在布局和样式上有哪些主要差异?您是如何兼容这两种环境的?

1.屏幕的尺寸。

移动端手机屏幕比较小。一般采用响应式布局。字体,宽高让它随屏幕的变化都变化。采用rem或者rpx,vw/vh的单位。

pc屏幕比较大,一般采用固定布局。如果超过这个范围就让他出现滚动条。

2.网络性能

移动端对手机网络的要求比较高,需要考虑弱网的情况。因为手机内存有限,如果网页运行时需要下载大量图片,并且需要执行一些耗时算法、动画,可能会比较占用内存和cpu,会导致动画卡顿、交互卡顿。

pc的网络环境更加稳定。性能更好。

3.交互事件

移动端更加注重用户交互体验。手指触碰操作。没有那些悬停和双击,拖拽,右键菜单这样的事件

pc主要是鼠标操作。

4.兼容性

移动端主要考虑不同手机的适配。机型的操作系统。

pc主要考虑不同浏览器的兼容

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值