• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5面试题PC端和移动端区别

HTML5面试题PC端和移动端区别

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5,h5,区别等相关知识,匿名希望在学习及工作中可以帮助到您
个人觉得PC端的定位就是用户视觉浏览路线,可以显示较多的内容,而移动互联网终端的定位就是便携。本文主要和大家分享html5面试题pc端和移动端区别介绍,感兴趣的朋友参考下,希望能帮助到大家。

一、概念

1、PC端和移动端有什么区别

从我个人角度来说,我觉得PC端的定位就是用户视觉浏览路线,可以显示较多的内容,而移动互联网终端的定位就是便携,体现的是“Anyone Anytime Anywhere”的理念,它不是替代PC的设备,准确的说是PC的补充,可以让人们很好的利用起零碎的时间。以下,我从4个方面分析他们之间的区别。

1)界面布局。PC端和移动端的屏幕尺寸不同,导致显示的内容也会有所差异。移动端屏幕相对窄小,一般是单列显示,最多也只能是双列+响应式,但是PC端的屏幕大,布局可以更加灵活。

2)使用习惯。移动端的操作尺度比较大,单击误差大,所以按钮、链接等元素比较设计的大一些。而PC端的操作尺度比较小,用鼠标单击是一件比较准确的事情,所以在设计按钮或者链接等样式时可以稍微小一些。比如说淘宝网页的PC版和手机版。在PC版的淘宝页面中,有些小按钮能放下的功能,在移动版就必须另弹窗口让用户详细输入。

3)网络速度。手机的网络一般是2G\3G\4G\WIFI等,网页的加载速度会影响用户的体验,需要消耗用户的流量,所以要少用图片、动画、JS等,而PC的网络一般是连接宽带或者WIFI,PC端的用户一般不会考虑页面消耗的流量,所以一般不用考虑加载问题。

4)技术层面。移动端开发有一些jquery for mobile一类的库是专用,不适用于PC端。当然,反过来有些PC端的工具或者技术在移动端也不好用。PC应用更关注的是后台、大数据、算法类的,而移动端更关注的是如何更好地交互和体验。

总结: 我感觉移动端开发更好,因为移动端和用户有更直接的接触,而且以后应用会更广泛,需要考虑的兼容性也相对较少,在技术层面的实现相对简单,毕竟移动端是大势所趋,以后的使用会越来越多。

相关推荐:

10道高频率HTML5面试题

html5的页面结构需要注意那些方面

HTML5 Web Worker的使用实例教程

以上就是HTML5面试题PC端和移动端区别的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • HTML5知识点总结
  • HTML5的本地存储
  • HTML5本地存储之IndexedDB
  • Html5实现文件异步上传功能
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配
  • 详解HTML5 window.postMessage与跨域
  • HTML5拖放API实现拖放排序的实例代码
  • 解决html5中video标签无法播放mp4问题的办法
  • HTML5新特性 多线程(Worker SharedWorker)
  • Html5新增标签有哪些

相关文章

  • 2018-12-03HTML5实现眼睛移动效果的示例
  • 2018-12-03HTML5实战与剖析之一行一行看移动端结构
  • 2018-12-03html5实现数据存储实例代码
  • 2018-12-03HTML5 canvas实现瀑布流文字效果代码
  • 2018-12-03HTML5 canvas画布详解(一)
  • 2018-12-03HTML5之SVG 2D入门4—笔画与填充_html5教程技巧
  • 2018-12-03小强的HTML5移动开发之路(48)——(小练习)新闻订阅系统【1】
  • 2018-12-03移动端全景装修图的实现实例分享
  • 2017-08-06HTML5 解析规则分析
  • 2017-08-06HTML5 History API 实现无刷新跳转

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • H5与C3的新交互特性有哪些
    • HTML5的五大优秀功能介绍
    • vue实现图片滚动效果
    • HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
    • HTML5游戏开发-Box2dWeb应用(一)-创建各种各样的刚体
    • HTML5标准学习-文档结构详解
    • 安卓平台的浏览器 touchend 事件触发失效?
    • vue中如何实现移动端的scroll滚动
    • HTML5 canvas实现中奖转盘的实例代码
    • html5获取手机GPS信息的示例代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有