首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

如何判断是pc还是移动

有时候会被别人问起pc和手机有什么区别。一般来说都会去说,兼容性啊,适配啊,网页布局这方面的事情,但是我觉得这个问题如果想要拿一个满分应该从区别出发,从如何判断收尾。...从区别入手 Pc需要考虑的是浏览器的兼容性,不能局限于我们常用的谷歌浏览器,要为客户那边考虑,而手机需要为不同的型号做考虑,安卓ios华为。同时也要更多考虑手机分辨率的适配。...Pc和手机在事件处理上区别不大,pc没有触屏,手机没有悬停事件,同时手机多了一个键盘的弹出。...关于如何辨别是pc还是手机 这里参照了阮一峰老师9月份的文章,我上网找资料的时候发现很多人不会标注原作者直接转载。只能说阮一峰老师一个人养活了很多博客主。...第四种是触发touch事件,通过trycatch去为手机的dom元素执行touch事件,如果捕获异常则证明是pc。 其他的可以通过各种工具包轮子去判断。常用方法大概就这几种。

2.3K10

vue项目移动pc适配方案

vue项目移动pc适配方案 lib-flexible 根据屏幕宽度,自动设置html的font-size postcss-px2rem 自动将px单位转换成rem 一、第一步先安装 flexible...之所以设为37.5,是为了引用像mint-ui这样的第三方UI框架,因为第三方框架没有兼容px2rem ,将remUnit的值设置为设计图宽度(这里为750px)75的一半,即可以1:1还原mint-ui...font-size: 18px; line-height: 64px; } } 2、简单来讲阿里手淘的原理就是网页随着屏幕大小等比例缩放而已,所以此方案只适用于纯手机或者...pc的适配方案,当然手机pc也可以同时适配,前提是页面布局不变。...一般而言,手机pc共用一个项目还是建议使用栅格布局、媒体查询控制。 六、参考 vue中使用rem布局解析+大屏自适应 基于vue cli3的移动适配问题

3.1K30

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券