页面的适配性：

传统PC端的页面开发一般都会选择给页面设定一个固定宽度，两侧有留白，但是移动端的页面由于其载体手机屏幕比PC要小很多，一般都会选择尽可能多的在手机屏幕上显示内容，这就要求移动端页面要能够充分适应各种屏幕尺寸的手机并进行最大程度的利用。从这一点上来说移动端页面的适配难度更高一些。

屏幕尺寸：

随着时间的推移，移动端的设备屏幕逐渐增大，但是你再大也是大不过PC电脑屏幕的，这是毋庸置疑的。PC端屏幕大，所以他的视觉范围更广，可设计的地方更多，设计性更强，相对来说容错度更高一些有一些小的纰漏不容易被发现。移动端设备相对来说屏幕较小，操作局限性大，在设计上可用空间显得尤为珍贵，在小小的屏幕上使用粗大的手指操作也需要在设计中避免原件过小过近。

操作方式：

PC端的操作方式与移动端已经有了明显的差别，PC端使用鼠标操作，操作包含滑动、左击、右击、双击操作，操作相对来说单一，交互效果相对较少，而对于手机端来说，包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度，除了手指操作外还可以配合传感器完成摇一摇、感应灯操作方式，操作方式更加的丰富，通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。

传感器：

压力、方向、重力、GPS、NFC、指纹识别、3Dtouch、陀螺仪等等，移动端设备的传感器的存在使得我们的生活更加丰富多彩，有了他们你才能玩赛车游戏才能统计每天走了多少步。

web app开发特指的是用html5技术开发，之所以叫web app是因为

移动端web和PC端web的区别汇总笔记相关推荐

千锋教育Web前端——PC端企业类型整页制作
千锋教育Web前端--PC端企业类型整页制作文章目录千锋教育Web前端--PC端企业类型整页制作一.PC端的布局二.源码 1.CSS源码 2.HTML源码三.运行结果一.PC端的布局通栏 ...
如何使移动端项目在PC端依然可以良好的展示
前置条件: 移动端适配使用的是如下适配方案, 也就是使用的rem作为适配,该示例中用到的是13.333333vw, 使得1rem等于100px. html{font-size: 13.333333vw ...
手机桌面百度搜索框不显示热词_移动端搜索和PC端搜索的区别
随着智能手机的普及,移动端搜索量是越来越大了,在去年从未有人通过移动搜索我的博客,而到了今年,从通过统计工具的数据分析来看,已经有越来越多的用户通过手机搜索到我的博客. 有一段时间移动搜索来路很大的时 ...
网站加入代码让网页以电脑端打开_移动端网站和pc端网站的异同点
移动端网站和pc端网站的共性: 手机网站和电脑网站一样,都是需要有一个域名,一个存放源代码的空间,一套网站运行的源代码,访客通过在手机端输入域名访问. 移动端网站和pc端网站的区别: 电脑网站对应的屏 ...
PHP如何分辨当前是移动端，还是PC端
/*** 客户端类型* $find = '' 判断:iphone,ipad,android'* $find = 'pc' 判断:windows* $find = 'ipad' 判断:ipad* $fi ...
基于vue2的移动端适配与pc端各一套样式
公司需求基于vue2的一套代码能适应pc端与移动端,检测到为pc端就显示pc端样式,检测为移动端就做适配移动端rem适配,utils辅助文件夹里创建一个rem.js ps:此处是750设计稿,如需修 ...
web页面PC端和移动端的区别有哪些？
操作方式:PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动.左击.右击.双击操作,操作相对来说单一,交互效果相对较少,而对于手机端来说,包含手指操作点击.滑动.双击.双指放 ...
vue2.0桌面端框架_Vue PC端框架
Vue PC端框架 472019.02.22 10:30:20字数 1,749阅读 54,067 1. Element Element,一套为开发者.设计师和产品经理准备的基于 Vue 2.0 的桌面 ...
百度ueditor富文本--PC端单个，PC端多个，mobile单个，mobile多个
我们在之前的文章中已经做过富文本插件的调研. 富文本插件 Ueditor 是百度推出的一款开源在线 HTML 编辑器. http://fex-team.github.io/ueditor/ 比较好用, ...

移动端web和PC端web的区别汇总笔记

页面的适配性：

屏幕尺寸：

操作方式：

传感器：

移动端web和PC端web的区别汇总笔记相关推荐

最新文章

热门文章