首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
多端适配
订阅
微风香水1470643633000
更多收藏集
微信扫码分享
微信
新浪微博
QQ
29篇文章 · 0订阅
一个Vue项目同时包含PC端页面和移动端页面
大部分情况下在做项目时,pc端和移动端是分开两个项目的,但是也有少部分情况,页面很少的时候,就比如我这次要做的介绍页(从第三方应用跳转到本公司平台,先跳转到介绍页,再从介绍页进去执行免登录操作),移动端一个介绍页,pc端一个介绍页,又不想用原始的html+jquery做,于是就…
如何在Vue项目中使用vw实现移动端适配
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。…
基于Vue的跨移动端和PC端适应
开发一个平台,要求在PC端和移动端上都有较好的体验。 一套资源,根据判断是否是移动设备而选择加载不同的css。 两套资源,pc和mobile各一套,分开维护,在入口处进入不同的路由。 1.前者适用于两端交互和布局差别不大,交互比较简单的项目。只有一套资源,代码量少,维护起来比较…
移动与pc端兼容,媒体查询
当你历览器宽度小于479px时,浏览器会解析./css/homeMobile.css这个css文件。
vue 自适应 PC端 移动端 postcss-px-to-viewport
一、构建vue脚手架二、创建项目选择构建的方式选择默认自带的vue三、安装依赖包四、创建vue.config.js1、匹配PC端2、匹配移动端五、开始启动项目yarnserve看结果吧
PC与移动端高效开发解决方案
这个问题到目前都没有一个明确的结论,或者说它本来就不会有唯一的答案,毕竟所属需求不同。 对于一些简单的系统:一套代码就能搞定,那何须花费两倍的时间来做双份。 对于复杂性的或是UI展示差异较大的系统:若是一套代码的话,光是样式调整就足以耗费掉开发者所有的热情,那还不如分开做来得更…
从案例入门Sass适配PC端和移动端样式
有时候我们开发一个样式布局比较简单的页面,它需要同时兼容移动端和PC端展示,我们一般都会考虑是否可以用一套样式代码来完成并考虑其是否易于维护。那么我们可以通过借助Sass扩展语言来帮助我们优雅的实现它
前端移动端和PC端自适应解决方案,支持vite打包配置
不懂原理的同学们也没关系,下面跟着操作就可以实现。 这个px不转rem是依赖注释的,可是生产环境打包的时候就会把注释去掉,这样导致你写了 /*no*/不转这条css属性,也没效果,打包删除了注释,它就会自动帮你转了。 解决方法一. 可以把样式写到index.html文件的sty…
PC端、移动端Video自动播放兼容完美解决方案(IOS、安卓、微信端)
其实移动对于video标签极度不友好,为了用户体验度避免浪费用户的流量,移动端浏览器只能让用户触发事件去播放video。如点击播放按钮或者监听document的触摸事件,在Safari、 谷歌浏览器、QQ浏览器均有各类奇葩问题无法实现完美自动播放的效果; iOS下不能自动播放,…
《吐血整理》系列 大厂前端组件库工具集合(PC端、移动端、JS、CSS等)
上一期的《吐血整理》系列 大厂前端必备工具集合(抓包、调试、Mock 数据等等),获得大家一致好评,于是怪怪我加班加点,写下了这一期。 微信搜索【接水怪】或扫描下面二维码回复”加群“,我会拉你进技术交流群。讲真的,在这个群,哪怕您不说话,光看聊天记录也是一种成长。(阿里技术专家…