移动端和PC端的区别

PC与移动端开发的差异要点

最新推荐文章于 2024-02-23 21:29:26 发布

原创最新推荐文章于 2024-02-23 21:29:26 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

博客介绍了PC与移动端开发的差异。PC开发注重浏览器兼容性，移动端则更关注手机兼容性和分辨率适配，因移动端浏览器多为webkit内核。在事件处理上，移动端有触屏事件，缺少hover和鼠标事件，还提及了css3的使用。

1\PC考虑的是PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性.移动端浏览器都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配

2\在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少的是hover事件和鼠标事件.

3\css3使用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

久光

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

SliderCheck-手搓滑块验证vue版本-兼容移动端和pc端

07-25

兼容移动端和pc端SliderCheck-手搓滑块验证vue版本-兼容移动端和pc端SliderCheck-手搓滑块验证vue版本-兼容移动端和pc端SliderCheck-手搓滑块验证vue版本-兼容移动端和pc端SliderCheck-手搓滑块验证vue版本-兼容...

兼容移动端和PC端的图片滑动切换展示库

11-29

在现代Web开发中，创建一个兼容移动端和PC端的图片滑动切换展示库是一项重要的任务。这样的库不仅可以提升用户体验，还能使网站或应用在不同设备上保持一致的视觉效果和交互体验。以下是对这个主题的详细说明： 1. ...

参与评论您还未登录，请先登录后发表或查看评论

移动端与pc端区别

qq_37635519的博客

05-15

3207

1.系统 pc ： windows、mac （区别不大） 移动端 ： iOS、android、windows （有区别） 2.浏览器 pc ：区别很大 移动端 ：区别不大 3.分辨率 pc ：有区别 移动端 ：区别很大总结：第一： PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是...

pc端和移动端的区别

06-20

361

以下都是自己的个人理解，说错了希望大家多交流交流。1，普通pc端开发与移动端开发区别。普通pc端开发，我理解就是你拿电脑打开的网页都算【这相信大部分人都知道】。那么移动端开发工程师，说白了就很好理解了，做手机网页的前端开发工程师。这么一比，是不是感觉其实都差不太多，而且移动端的感觉更简单一点。pc，我们需要考虑什么呢？有点开发经验的同学都知道，ie6-11，firefox，chrome，...

移动端和pc端的区别

m0_63922807的博客

11-29

2321

1. 界面布局 移动端屏幕相对窄小，一般是单列显示，最多也只能是双列+响应式，但是PC端的屏幕大，布局可以更加灵活。 2. 使用习惯 移动端的操作尺度比较大，单击误差大，所以按钮、链接等元素比较设计的大一些而PC端的操作尺度比较小，用鼠标单击是一件比较准确的事情，所以在设计按钮或者链接等样式时可以稍微小一些 3. 网络速度手机的网络一般是2G\3G\4G\WIFI等，网页的加载速度会影响用户的体验，需要消耗用户的流量，而PC的网络一般是连接宽带或者WIFI，P

PC端网页和移动端网页，自己做的总结

IT1125275074的博客

03-10

2193

1.PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。 2.在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少的是hover事件。另外包括移动端弹出的手机键盘的处理，这样的问题在PC端都是遇不到的...

普通pc端开发与移动端开发区别

aliyunshuju的博客

03-12

6690

1，普通pc端开发与移动端开发区别。普通pc端开发，我理解就是你拿电脑打开的网页都算【这不是废话么】。那么移动端前端开发工程师，说白了就很好理解了，做手机网页的前端开发工程师。这么一比，是不是感觉，移动端开发简单多了？没错，我转了之后发现还真是呢。。。【还有点小激动】 pc，我们需要考虑什么呢？有点开发经验的同学都知道，ie6-11，firefox，chrome，safari都得兼容的吧。...

精选资源

移动端+pc端自适应适配解决方案

06-29

适用于前端H5 pc端的适自创适配方案，有效解决各个尺寸适配，根据浏览器可视区域自适应元素，使用方法：将资源下载下来，放入单独js文件中，独立写成一个全局方法，如果是vue项目就在main.js中引入。如果是原生js...

精选资源

(源码)基于Vue.js框架的移动端和PC端通用管理系统.zip

03-02

# 基于Vue.js框架的移动端和PC端通用管理系统 ## 项目简介本项目是一个基于Vue.js框架的通用管理系统，适用于移动端和PC端的网页开发。项目采用Vue全家桶技术栈（Vue、Vue Router、Vuex），并结合Mint UI组件库，...

地图定位追踪APP单页面模板-适配移动端&PC端-HTML网站源码.zip

04-01

这套源代码文件将成为您的得力助手，帮助您展示自己的才华和技能。通过使用这套源代码文件，您可以轻松地完成网站搭建任务，为您的课程设计或毕业设计增添亮点。总的来说，这套HTML源代码文件是一个高效、实用、易用...

前端：移动端和PC端的区别

totosj的博客

06-24

1789

在阿里的几次面试中，总是被问到移动端和PC端有什么区别，当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同，但是还是很不系统，所以这里做一个总结。第一： PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差...

移动端与pc端的区别

SoLoJia的博客

03-23

4887

第一： PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。第二：在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少的是hover事件。另外包括移动端弹出的手机键盘的处理，这样的问题在PC端都是遇不到的。第三：在布局上，移动端开发一般是要做到布局自适应的，我使用的一直是rem布局，感觉很好。第四：在动画

移动端和PC端

qq_50260510的博客

03-13

1516

一、PC端网页和移动端网页的有什么不同？一、PC端网页和移动端网页的有什么不同？1.PC端（1）屏幕大，网页固定版心（2）PC端浏览器繁多，更多考虑兼容性问题。（布局：浮动+定位+标准流）2.移动端（1）手机屏幕小，网页宽度多数为100%，是适配手机屏幕宽度（2）移动端则基本不需要考虑兼容性问题，放心大胆使用CSS新特性3.分辨率：（1）硬件分辨率（屏幕出厂设置）这种分辨率我们称为物理分辨率，不可更改。物理分辨率越大，显示的图片会约清晰。

移动端开发、各种兼容问题、响应式布局开发、移动端和PC端开发的不同

wxh2860906464的博客

05-24

2145

移动端开发、各种兼容问题、响应式布局开发、移动端和PC端开发的不同

PC和移动端的区别

2301_80005781的博客

02-23

1025

一般pc端用jquery，移动端用zepto，因为移动端的流量还是比较重要的，所以引入的资源或者插件，能小则小，一个30k的资源和一个80k的资源，在移动端的差别还是挺大的。PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。在布局上，移动端开发一般是要做到布局自适应的，我使用的一直是rem布局，感觉很好。

java开发pc端和移动端的区别,移动端和PC端的区别

weixin_39517859的博客

03-12

2291

在我们工作中有很多的项目是需要在移动端实现的,但是移动端和pc端是有区别的,如果某些部分还是用pc的方法去写是会出现bug的;这里就来随便说说 移动端 和 PC 端的区别;在开发中的区别PC端考虑的是浏览器的兼容,而 移动端需要考虑更多的是手机兼容, 比如安卓和ios以及刘海屏;浏览器一般使用的内核是webkit 内核; 而移动端需要注意手机的型号,类别,分辨率,以及操作系统的差异;移动端使用的触...

java区分手机端和电脑端访问

Stanley Yu的专栏

02-13

1735

// 通过请求获取头部的user-agent参数信息 String userAgent = ServletActionContext.getRequest().getHeader("user-agent");/** 电脑端，谷歌浏览器访问： Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Ch

Java微信开发入门第一节（PC端、移动端、微信端区别）

yushengjun_644的博客

10-23

1598

第一节(PC端、移动端、微信端区别？) 什么是PC端？ PC姓名电脑，PC (personal computer)，个人计算机一词源自于1981年IBM的第一部桌上型计算机型号PC，在此之前有Apple II的个人用计算机。个人计算机由硬件系统和软件系统组成，是一种能独立运行，完成特定功能的设备。硬件系统：是指计算机的物理设备如电源、主板、CPU、内存、硬盘等。 l软件系统：是

PC端和移动端的区别到底在哪,为什么总有人搞错两者的区别

zhaotoufala的博客

06-13

2289

PC端的特点:PC端有固定的版心,而且屏幕很大还有很多的兼容性移动端的特点:设备的宽度就是页面的宽度还不用考虑兼容性,可以放心的使用css的新特性物理分辨率和逻辑分辨率:物理分辨率:硬件所支持的,屏幕出厂就无法改变逻辑分辨率:软件可以达到的,前段开发中写的就是逻辑分辨率视口视口( viewport) 就是浏览器显示页面的屏幕区域视口的分类:1布局视口:ios Android基本上都将视口分辨率设为980像素2视觉视口:用户看到的区域3理想视口:使用的设备有多宽,所展示的页面就有多宽视口标签有了视口标签,就

前端开发移动端和pc端区别和难度，

最新发布

08-21

在前端开发中，移动端与PC端的开发存在显著区别，这些区别主要体现在设备特性、用户交互方式、适配需求以及开发技术选型等方面。 ### 设备与浏览器兼容性 PC端开发需要更多地关注浏览器兼容性问题，因为用户可能使用不同内核的浏览器（如Chrome、Firefox、Safari、Edge等），而移动端由于Android和iOS系统普遍采用WebKit内核，浏览器兼容性问题相对较少。然而，移动端开发需要重点考虑不同品牌、型号手机的兼容性问题，尤其是屏幕分辨率、像素密度和操作系统版本的多样性[^1]。 ### 屏幕适配与响应式设计 移动端开发的一个核心挑战是屏幕适配。由于移动设备种类繁多，屏幕尺寸和分辨率差异较大，开发者需要采用响应式布局、弹性盒子（Flexbox）、媒体查询（Media Queries）等技术来实现跨设备的良好显示效果。例如，可以通过媒体查询定义不同屏幕宽度下的样式规则： ```css .container { width: 1200px; margin: 0 auto; } @media (max-width: 768px) { .container { width: 100%; padding: 0 15px; } .pc-only { display: none; } .mobile-only { display: block; } } ``` 相比之下，PC端的屏幕适配压力较小，但仍需考虑不同分辨率下的布局优化[^3]。 ### 用户交互方式 移动端用户主要依赖触摸操作，如滑动、点击、长按等，而PC端则以鼠标和键盘为主。这种差异要求开发者在设计交互逻辑时做出相应调整。例如，移动端需要考虑点击区域的大小、手势识别、触摸反馈等，而PC端则更关注键盘快捷键、鼠标悬停效果等交互细节。 ### 开发技术与框架选择 移动端开发可以采用多种技术路线： - **原生开发（Native App）**：使用Java/Kotlin（Android）或Swift/Objective-C（iOS）进行开发，性能最优、API最完整，但学习曲线陡峭，开发成本较高[^2]。 - **Web App**：基于HTML/CSS/JavaScript构建，通过浏览器运行，具备跨平台能力，但性能和原生体验略逊一筹。 - **混合开发（Hybrid App）**：如React Native、Flutter、Ionic等框架，结合Web技术和原生能力，兼顾开发效率与用户体验。 - **跨平台框架**：如Vue.js、React.js配合响应式设计可用于同时支持PC与移动端，提升开发效率。 PC端开发则更多采用传统的Web技术栈，注重兼容性和功能完整性，通常使用React、Vue、Angular等现代前端框架进行构建。 ### 开发难度对比总体而言，移动端开发的复杂度更高，主要体现在以下几个方面： - **设备碎片化**：不同品牌、型号、系统版本的设备需要进行广泛测试。 - **性能优化**：移动端设备性能相对有限，需关注资源加载、动画流畅性、电量消耗等问题。 - **网络环境**：移动端用户可能处于不稳定网络环境下，需考虑离线缓存、数据压缩等策略。 - **安全性与权限管理**：移动端涉及更多敏感权限（如摄像头、位置信息等），需严格管理权限请求与数据保护。相比之下，PC端开发虽然在浏览器兼容性上要求更高，但整体开发流程较为成熟，调试工具丰富，开发难度相对较低。