Vue项目实现不同分辨率适配最佳方法

第一次做网页程序,最烦这个页面适配,不清楚到底用哪种方法比较好,(比如1920x1080下看起来ok,但是换成别的分辨率就不太对了),还有就是手机上显示又应该怎么做呢,

3个回答

用自适应框架,boostrap很好用额

除了rem也可以用vw方案,这可是vue大神尤雨溪推荐的方案,具体参考:
https://www.jianshu.com/p/1d913261d56f

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
前端PC端适配,怎么在不同的分辨率完美实现图纸

# 设计图纸给的是1336*768的,而我的电脑是1920*1080的,想要我的电脑完美的显示出来,怎么做适配??非常急,只做pc端适配,详细点,谢谢(我自己有做rem适配,做完发现高度不够)

vue项目根据不同的设备,加载不同的项目文件

现在有两份vue项目文件(pc/移动端),想实现在同一个域名下,根据不同的设备自动切换到相应的页面,所有的页面的路径已经改成一致,请问有哪些解决办法 有一个思路:在移动/pc的入口文件处判断,然后加载相应的文件,但是不知道该怎么实现,求大佬指点

vue项目怎么实现类似js中clipboardData在网页中实现截屏粘贴的功能

想在聊天的文本框中把QQ或者微信截的图粘贴到vue项目的聊天框中,请问有什么实现的方法?指点一下,急等!!!

vue项目中实现语音上传 或者截图功能

![图片说明](https://img-ask.csdn.net/upload/201711/09/1510217669_330753.png) 点击调用麦克风,停止后直接传到后台 或者来个点击截取当前页面发送至后台的功能 最好能直接改个url直接用的 求大神,发红包都没问题

vue项目代码分离,指定目录代码不打包

vue项目,想达到后端maven的pom效果,要编译哪个模块就编译哪个,而不是全部编译,该如何实现,请大神支招

cordova结合Vue 项目中无法加载插件

在此前 cordova组件是可以使用的,但是Vue项目更新了几个版本后就出问题了,引入是没问题的路径那些都检查过了一遍! 就是在使用cordova的组件报了插件中那个方法不存在了! ![报错信息](https://img-ask.csdn.net/upload/201904/01/1554105420_689126.png) 问题:经过cordova的路径排查得出了一个问题,就是Vue项目中的路由出问题了,还望各路大神给小弟指导一下

Vue脚手架创建Vue项目卡住 ?

新手,我通过Vue脚手架创建Vue项目(可视化界面上创建)的时候,每次到最后一步创建项目的时候都会卡在一个地方,请大佬们点拨点拨 ![图片说明](https://img-ask.csdn.net/upload/202002/15/1581754453_778642.jpg) ![图片说明](https://img-ask.csdn.net/upload/202002/15/1581754468_834627.jpg)

vue 项目中怎么引用js文件

vue 项目中怎么引用js文件,我在vue组件里拷入了一个模板页面,css引入了,但是一些js文件无法引用

vue.js 请求方法设置同步问题

使用vue.js对后台进行请求发送。 现在问题描述。 定义一个vue中,有6个方法,其中有一个方法请求成功后会调用另外两个方法, 调用时候,必须等第一个方法成功返回之后对页面渲染后再掉第二个方法。 目前vue 默认为异步请求,调用的第一个方法还没有渲染完页面, 第二个方法就已经请求了,造成页面获取值为未更新之前的数据。 现在想完成的形式: 定义一个vue,6个方法中,不设置就使用异步, 有一个方法需要单独设置为执行同步。 请大神说说vue的思路。就是需要vue实现部分方法同步 【ps:想说使用ajax的或者把第二个参数写在第一个参数里边的就不用说了】

我在vue.js命令中创建vue项目时乱码了,是什么原因??该怎么解决呢?

![该文件夹已经存在](https://img-ask.csdn.net/upload/201811/01/1541037301_130644.png)![我在这个文件夹中创建vue项目](https://img-ask.csdn.net/upload/201811/01/1541037361_666347.png) 本人第一次提问,望各位大神谅解!! 我在命令窗口中创建vue项目时出现了一段乱码。 不知道是什么原因。 我查过很多解决方案,好像都没有得到实际解决。 复查问题如下: 我的node.js装好了。webpack也有了,为什么还是不行?

vue项目在安装遇到的一些小问题

最近在自学vue,遇到如下问题,百度没有查询到,还希望了解的可以指教指教 1.所有的项目都是需要npm install -g vue-cli开始吗? 2.npm install -g vue-cli 和 npm install -g @vue/cli 有什么区别吗?在cmd执行了一次下次创建项目还需要执行吗? 3.vue -v 和 vue -version 又是什么区别,vue -version 可以输出版本,vue -v就出问题,这是我所不理解的。 4.为什么有的项目运行是 npm run dev,有的就是npm run sever? 5.nvm是管理node版本的,本来下载了node,视频推荐下载nvm,下载安装完成后node,npm就不能使用,不知道为什么?(这个问题不重要) 暂时困扰我的就是这些。希望大神可以解答,如果您也在北京,有机会希望可以请您吃饭。谢谢

网上找了个vue项目,想要将他打包部署在tomcat中,但是无法实现

网上找了个vue的项目<br> 地址:https://github.com/katspaugh/wavesurfer.js<br> 这个项目只能通过npm run start来启动,<br> 运行npm run build打包后的dist文件夹里面只有js文件,<br> 没有网上说的static和index文件。<br> 试着通过sublime的sublimeserver来使用这个项目,界面显示正常。<br> 但是有个关键的功能无法使用(正常情况是鼠标在哪里点击进度条就到哪,但是sublimeserver启动的是,鼠标点击,进度条从头开始播放)<br> 下面是截图 ![图片说明](https://img-ask.csdn.net/upload/201907/03/1562118166_522451.png) ![图片说明](https://img-ask.csdn.net/upload/201907/03/1562118181_653885.png)

webstrom运行vue项目,idea运行boot项目,两个同时运行,boot怎么连接webstrom上的vue页面

1.大佬给了个boot加vue项目,告诉我vue在webstrom运行,boot放在idea运行,但是我捣鼓了一天,两个死活就是连接不上,idea的boot项目端口我配置的时8080,webstrom配置的是8087,然后我在,vue .config.js的devServer中target配置的为localhost:8080,单独访问vue的localhost:8087,都出现欢迎vue页面了,但是用localhost:8080/qiuxi出现空白页面,这到底是哪里配置错了啊,大神们![图片说明](https://img-ask.csdn.net/upload/201906/02/1559488510_430450.png) ![图片说明](https://img-ask.csdn.net/upload/201906/02/1559488542_569103.png)![图片说明](https://img-ask.csdn.net/upload/201906/02/1559488563_118732.png)![图片说明](https://img-ask.csdn.net/upload/201906/02/1559488573_631356.png)

hbuild将vue项目打包成app出错

使用vue-cli创建的vue项目,使用npm命令行进行项目打包生成了dist文件, 使用hbuild将dist文件打包成app的时候,能正常打包,生成的apk也能正常访问, 但是在进行接口访问的时候,报错Unhandled promise rejection, 错误代码: "Unhandled promise rejection" /dist/static/js/vendor.bcf70c3412c5c5ae31de.js (12)

初始化的vue项目启动成功但是不能访问

``` E:\pro_person\vue\vue_project>npm run dev > vue_project@1.0.0 dev E:\pro_person\vue\vue_project > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 95% emitting DONE Compiled successfully in 2598ms 4:21:28 PM I Your application is running here: http://localhost:8080 ``` 以上是控制台的启动信息,没有报错,提示是启动成功了的,但是不管是输入http://localhost:8080或http://127.0.0.1:8080都不能访问。新手,是按照官方流程搭建的环境,win10 英文版的系统。 ``` C:\Users\john>node -v v11.1.0 C:\Users\john>vue -V 2.9.6 ```

VUE项目本地运行正常,github Page 部署一直加载

各位高手,请教个问题: 我有个VUE项目,本地运行正常,但是提交到github page 发布出来就是不能正常加载显示。 网络上提到的修改路径,重新打包等都试过仍然不对。 ![线上运行情况,一直显示加载,本地加载很快的](https://img-ask.csdn.net/upload/201912/13/1576217396_982410.png) ![路径已经修改](https://img-ask.csdn.net/upload/201912/13/1576217411_865371.png)

vue页面怎样实现全景图vr的实现?????求大神!

vue全景图vr的页面实现! vue全景图vr的页面实现! vue全景图vr的页面实现!

vue项目在手机端路由跳转问题

vue项目在手机端location到外网后再返回到原页面路由跳转没反应

vue项目不使用cli/npm的情况下怎么打包

vue项目不使用cli/npm的情况下怎么打包,直接在html里写的

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

ArrayList源码分析(入门篇)

ArrayList源码分析 前言: 写这篇博客的主要原因是,在我上一次参加千牵科技Java实习生面试时,有被面试官问到ArrayList为什么查找的速度较快,插入和删除的速度较慢?当时我回答得不好,很大的一部分原因是因为我没有阅读过ArrayList源码,虽然最后收到Offer了,但我拒绝了,打算寒假学得再深入些再广泛些,下学期开学后再去投递其他更好的公司。为了更加深入理解ArrayList,也为

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

玩转springboot启动banner定义所得

最近接手了一个springboot项目,不是不熟悉这个框架,启动时打印的信息吸引了我。 这不是我熟悉的常用springboot的打印信息啊,我打开自己的项目: 还真是的,不用默认的感觉也挺高大上的。一时兴起,就去研究了一下源代码,还正是有些收获,稍后我会总结一下。正常情况下做为一个老程序员,是不会对这种小儿科感兴趣的,不就是一个控制台打印嘛。哈哈! 于是出于最初的好奇,研究了项目的源代码。看到

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

你打算用Java 8一辈子都不打算升级到Java 14,真香

我们程序员应该抱着尝鲜、猎奇的心态,否则就容易固步自封,技术停滞不前。

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

立即提问
相关内容推荐