在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同,但是还是很不系统,所以这里做一个总结。 第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机 ...
今天和我们公司的前端对接发现,这才发现他们的切图方法不高效,所以才有了这篇文章。 ui在做图标的时候会给底部加一个切图区域的矩形框,这是为什么呢,第一方便ui做图标的时候有个参考范围,第二点就是为了前端切图的时候可以按照底部的矩形区域去切图,其实是为了方便了前端更好的切图 当然不用切图的前端就不用往下看了 例如下图所示,tab bar中每一个icon都底部都有一个隐藏的切图范围,ui一般保存psd ...
2019-12-26 16:18 1 218 推荐指数:
在阿里的几次面试中,总是被问到移动端和PC端有什么区别,当时回答的时候主要是回答了在兼容性、网速、适配、页面布局等方面的不同,但是还是很不系统,所以这里做一个总结。 第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机 ...
1、pc端有ie,chrome,ff 内核兼容问题移动端,简单来说兼容问题相对较少。但是移动端要做好多分辨率的处理。移动端所有图片和所有html标签的尺寸都要减半。 2、移动端在布局跟js效果方面,与PC端有什么不同:先说布局方面:PC端最常用的就是固定宽度980px(也有 ...
1、兼容性 pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。 2、页面布局 PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基础)、rem(以根元素为基础)。 3、JS动画 移动端没有hover事件、增加了 ...
最近其他项目不是很忙,被安排给公司的官网项目做一个新的页面(之前没接触公司官网项目),其中有一个用到轮播图的地方,最开始想直接用swiper.js插件实现就好了,可是发现官网项目里之前都没有引入过swiper.js,后来想了想,就不引入它了,免得又得增加依次一次网络请求,项目里既然已经用到 ...
本篇LIST 1.项目预览地址: 项目预览地址 2.项目完成效果: 3.HTML布局拆分 1. tip提示部分 2. title标题部分 3.搜索栏部分 找的是codepen上现成的 ...
https://waliblog.com/css/2018/03/19/compatible.html ...
通过navigator获取浏览器,根据浏览器的不同判断出pc和移动端然后设置不同的css ...
判断方法一、入口文件下手 判断方法二、前端代码下手(新建一个空白页面js进行操作) 判断方法三、首页进行操作判断 我用的是第三种: 1.先在代码内的common.php操作,写入公共方法 二、在视图层建两个文件夹 detail代表手机端 ...