移动端和PC端的区别
移动端是指在手机、平板等移动设备上面使用客户端软件,PC端一般是指在电脑上面使用的客户端软件。
移动端和pc端,最大的区别就是显示的内容不同,PC端要显示的内容比移动端要多一些,这样可以缩短手机加载的时间,另外手机屏小,移动端太多广告会影响视觉,也影响手机速度,而PC端不会。
/iknow-pic.cdn.bcebos.com/203fb80e7bec54e7d682bbe5b5389b504ec26adb"target="_blank"title="点击查看大图"class="ikqb_img_alink">/iknow-pic.cdn.bcebos.com/203fb80e7bec54e7d682bbe5b5389b504ec26adb?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc="https://iknow-pic.cdn.bcebos.com/203fb80e7bec54e7d682bbe5b5389b504ec26adb"/>
拓展资料
移动端优点:
移动互联网终端设备配置足够用,性价比最高是移便携式动互联网终端的最大优点。
Netbook和MID作为一个新兴事物,居然可以在短短的半年时间里就红遍全球,风靡各大IT卖场。其发展之迅速,令人匪夷所思。探其根本原因,除了它能够满足人们对便携和随时上网的需求,另外一个原因就是其超高的性价比。
在世界金融风暴的阴影下,奢华已不受欢迎,简单、实用才是硬道理。放眼IT市场,不论是火爆的netbook还是大受好评的MID都有着极其相似的卖点,那就是合理的价位、小巧的尺寸、超低的能耗以及方便的上网。
在我们工作中有很多的项目是需要在移动端实现的,但是移动端和pc端是有区别的,如果某些部分还是用pc的方法去写是会出现bug的;这里就来随便说说 移动端 和 PC 端的区别;
PC端考虑的是浏览器的兼容,而 移动端需要考虑更多的是手机兼容, 比如安卓和ios以及刘海屏;
浏览器一般使用的内核是webkit 内核; 而移动端需要注意手机的型号,类别,分辨率,以及操作系统的差异;
移动端使用的触屏,操作更加丰富,使用的事件是触屏事件,而缺少的是hover事件,而 PC 端使用的鼠标来进行操作,比较单一; 而且在开发中,移动端有需要进行弹起手机键盘的处理,而 PC 端是没有的;
进行样式或者动画的时候, PC 端因为兼容的问题, 使用c3 比较少,一般使用的是js 来进行, 而移动端就没有这个问题了, 使用的是C3(简单方便效率高);
在移动端点击(click)事件是有延迟的,会有300ms的延迟, 这个原因是 当用户一次点击屏幕之后,浏览器并不能立刻判断用户是要进行双击缩放,还是想要进行单击操作。因此,iOS Safari 就等待 300 毫秒,以判断用户是否再次点击了屏幕。(所以安卓就学习了一下);然后,300 毫秒延迟就这么诞生了
在移动端的网络是一个问题,需要考虑在网络不稳定的情况下的处理,而PC端的网络一般而言是非常稳定的;
而且用户使用的时间一定是手机 大于 电脑的; 而且移动端的传感器十分齐全,而pc端不行;
300ms延迟问题 : 以前是使用的插件,但是现在使用tap基础事件即可解决这个问题;
原因是 devicePixelRatio的问题, 因为手机的分辨率太小,如果按照浏览器进行分辨的话,肯定是有问题的,所以可以设置 devicePixelRatio = 2 或者是 devicePixelRatio = 1.5 或者 2和3 ,具体还需要分辨一下手机的型号(部分安卓机有部分差异);
也可以使用 css 的 background-size:contain 属性来解决;
如果图片加载过慢, 可以采用懒加载 (jquer.lazyload.min.js and LazyloadImg ) 或者是压缩图片的尺寸 LazyloadImg基础教学地址 www.cnblogs.com/axl234/p/5663153.html
防止手机中网页放大和缩小,这点是最基本的,一般解决这个问题是添加一个,meta标签,防止放大放小
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
ios下fixed元素容易定位出错,软键盘弹出时,影响fixed元素定位
android下fixed表现要比iOS更好,软键盘弹出时,不会影响fixed元素定位
ios4下不支持position:fixed
解决方法: 可用iScroll插件解决这个问题;
这个问题 pc和移动都有;定位可能会出现部分元素 乱跑(位置不对)
解决方法: 多使用em, padding,,,,
答:1、设备形态与便携性:PC端指的是传统的台式电脑或笔记本电脑,通常体积较大,需要外接电源,不具备便携性。移动端指的是智能手机、平板电脑等便携设备,体积小,重量轻,内置电池,便于携带和使用。2、操作系统与软件生态:PC端主要运行Windows、macOS等操作系统,软件生态丰富,功能强大,适合进行复杂的办...
答:1、操作方式不同:移动端包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩,除了手指操作外还可以配合传感器完成摇一摇、陀悬仪感应灯操作方式,操作方式更加的丰富,通过这些丰富的操作可设计不同新颖吸引人的交互互动设计。PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说...
答:PC端与移动端区别 1. 操作方式 PC端的操作方式与移动端已经有了明显的差别,PC端使用鼠标操作,操作包含滑动、左击、右击、双击操作,操作相对来说单一,交互效果相对较少。而对于手机端来说,包含手指操作点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度,除了手指操作外还...
答:总结来说,移动端与PC端的区别在于它们各自的设计局限、操作方式、网络环境以及发展趋势。随着用户行为的变迁,企业和开发者必须紧跟潮流,将重心转向移动端,才能在这个竞争激烈的市场中立于不败之地。
答:移动端和pc端,最大的区别就是显示的内容不同,PC端要显示的内容比移动端要多一些,这样可以缩短手机加载的时间,另外手机屏小,移动端太多广告会影响视觉,也影响手机速度,而PC端不会。/iknow-pic.cdn.bcebos.com/203fb80e7bec54e7d682bbe5b5389b504ec26adb"target="_blank"title="点击查看大图"...
答:pc端与移动端从兼容性、事件处理、布局、动画处理上来说有五种区别。从兼容方面来说, PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核。在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件...
答:移动端是指在手机、平板等移动设备上面使用客户端软件,PC端一般是指在电脑上面使用的客户端软件。移动端和pc端,最大的区别就是显示的内容不同,PC端要显示的内容比移动端要多一些,这样可以缩短手机加载的时间,另外手机屏小,移动端太多广告会影响视觉,也影响手机速度,而PC端不会。/iknow-pic.cdn...
答:1、PC端在开发过程中考虑的是浏览器兼容性,移动端开发中考虑的是手机兼容性问题,做移动端开发,更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化;2、在部分事件的处理上,移动端自然是偏向于触屏的,另外包括移动端弹出的手机键盘该如何处理,这样的问题在PC上不会遇到,但在移动端,...
答:外部存储设备等,提高了使用效率和便利性。总之,移动端和PC端是两种不同的互联网访问方式,分别代表了不同的使用场景和需求。移动端方便携带,适用于任何时间地点的访问;PC端则具有更强的计算能力和更大的屏幕,适合进行复杂的任务和处理。两者各有优势,共同满足了人们在工作和生活中的多样化需求。
答:首先,平台基础不同,PC网站适应于大屏幕,视觉效果广阔,设计性强,容错度相对较高;而移动端受限于小屏幕和操作局限,设计需注重简洁与易用。其次,操作系统差异明显,移动端如iOS和Android简化了功能,更强调移动性和实时交互,PC端则更侧重于办公,缺乏随时随地的便捷性。再者,网络环境也需考虑,PC端...