pc端移动端布局有什么区别

1.兼容问题
PC端在开发过程中需要考虑不同浏览器的兼容问题
移动端则需要考虑的是不同手机操作系统的手机分辨率的略微差异化
2.布局问题
PC端最常用的布局一般是固定的宽度
移动端因为有很多网页是可以横屏看也可以竖屏看，所以一般使用自适应布局或响应式布局
3.事件触发
pc端没有触摸的各种事件，移动端有
移动端没有鼠标移入移出事件，但是pc端有
4.Js
移动端和pc端适用的js框架也是不一样
5.交互不同
Pc端的交互是鼠标，键盘的交互
移动端变成了触摸，手势的交互

pc端移动端布局有什么区别相关推荐

微信小程序是计算机软件吗,pc端移动端客户端微信小程序区别?
app是什么? app英文是application,翻译是,手机软件的应用程序. pc端是什么? PC是personal computer的缩写,意思就是是个人计算机,中文名叫电脑,英文名则是PC. ...
PC端、移动端响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh）
PC端.移动端响应式布局的常用解决方案对比简要介绍: 一.px 和视口 1. 像素 2. 视口 (1) 布局视口(layout viewport) (2) 视觉视口(visual viewport ...
HTML 文件在PC移动端完美自适应布局的技巧
本文作者:李晓玮,腾讯 IEG 高级工程师都2019年了,手机查看HTML邮件的体验怎么还那么差? 试想一下,你在夜深人静的时候,准备睡前查看一下订阅的邮件周报,而且还是一个精心设计过的HTML富文 ...
PC端移动端兼容响应式布局页面的制作
之前已经制作了PC端固定布局和移动端流体布局的页面,这次的任务就是将一个页面制作成PC端移动端兼容响应式布局页面,是页面能在不同屏幕大小下呈现处不同最佳显示状态. 主要的过程就是对: 1.将width ...
h5响应式布局、PC和移动端适配方案
前言春招真的是太卷了,让我怀疑春招到底在招谁(是我太菜惹qaq).总之还是不能松懈下来,总结一下在实习期间遇到的h5的响应式布局.PC和移动端适配方案的选择以及一些问题.本文部分文案由chat-gp ...
HTML+CSS_第三部分(Flex弹性盒子布局、grid网格布局、移动端、移动端流式布局、移动端rem布局、响应式布局、Bootstrap框架)
文章目录 (1)Flex弹性盒子布局一: 父容器上的属性 1. display:flex 设置为弹性盒子(写在父容器上) 2.flex-direction值设置子项的布局方向(写在父容器上) 3. ...
兼顾pc和移动端的textarea字数监控的实现方法
概述 pc端移动端中文本框监控字数的功能的一种较为简单的实现,考虑到安卓和IOS输入法输入过程中是否触发keyup的差异.利用监听compositionstart判断是否开启了输入法.从而实现体验较为 ...
html5 移动端单页面布局
序移动端的web网页使用的是响应式设计,但一般我们看到的网站页面都是跳转刷新得到的,比如通过点击一个menu后进入到另一个页面今天来说下是移动端的单页面的布局.单页面就是一切操作和布局都 ...
前端如何优雅的实现跨终端开发（PC端+移动端）
文章目录解决方案一:使用CSS媒体查询. 解决方案二:写两套代码,分别应用于PC端和移动端. 推荐方案:使用CabloyJS 相关链接解决方案一:使用CSS媒体查询. 这是传统的解决方案.使用一套 ...
移动端响应式布局项目之阿里百秀首页
移动端响应式布局项目之阿里百秀首页文章目录移动端响应式布局项目之阿里百秀首页前言一.前期准备 1.1 建立文件夹 1.2 需求分析 1.2.1 页面布局分析 `判断每一部分占据栅格系统多少份` ...

pc端移动端布局有什么区别

pc端移动端布局有什么区别相关推荐

最新文章

热门文章