草庐IT

前端适配笔记本缩放125%,150%导致页面错乱问题

由于前端在开发时使用的都是标准ui设计图,基本都是按照所以1920*1080,而小屏幕笔记本由于分辨率高,所以导致的显示元素变小,因此很多笔记本的默认显示都是放大125%或者150%。如果页面比较简单就让多余的空白单边扩展,这样可以不受影响,但是如果页面遍布了引入的其他组件,就不好控制位置和大小了。我去搜了一下,基本都是根据window.screen.availHeight来获取屏幕缩放比例,window.screen.availHeight>1000说明缩放选择的是100%,否则是125%、150%,还有使用媒体查询的,直接拷贝过去试了一下一点用没有,但是我说明一下,这个肯定是一种解决方式,

vue+element-ui中的el-table-column使用v-if导致位置错乱的现象

vue+element-ui中的el-table-column使用v-if导致位置错乱的现象自我记录.Vue会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使Vue变得非常快之外,还有其它一些好处。例如,如果你允许用户在不同的登录方式之间切换:(官网文档)结果:当我们在用户名登录和邮箱切换的时候,我们发现我们输入的内容始终保持,为什么呢?总的来说,因为两个模板使用了相同的元素,input不会被替换掉——仅仅是替换了它的placeholder属性,这样也不总是符合实际需求,所以Vue为你提供了一种方式来表达这两个元素是完全独立的,不要复用它们,只需添加一个具有唯一值的ke

element-ui中使用el-table ,el-table-column循环列发现列错乱解决方法

element-ui中使用el-table,el-table-column循环列发现列错乱的解决方法只需添加一行代码由于需要动态循环列展示表格而不得不套一层div标签时会造成表格列错乱的想象,这是因为el-table中不允许有除el-table-column标签以外的元素。解决方法有以下三种1、或许你可以试试使用template标签包裹把循环用的div标签换成template标签试试,如果不报错能用2、把div标签删了,不用它包裹如果你的代码中可以不用在el-table-column外层上套一层标签来循环的话建议把div直接删除,在el-table-column上v-for就好了3、再循环前多

解决Android Studio在Build时报错乱码

如图所示,在项目Build时报错乱码。①首先我们打开Help->EditCustomVMOptions;②在打开文件的最后一行添加-Dfile.encoding=UTF-8;-Dfile.encoding=UTF-8③在File->InvalidateCaches,点击InvalidateandRestart清除缓存并重启即可。④将项目重新Build,效果如下图所示。

【Vue】Vue 使用 Print.js 打印选中区域的html,用到的是Element ui table表格,解决页面样式不出现或者table表格样式错乱问题!!!

步骤1.下载Print.js插件npminstallprint-js--save2.main.js文件中导入Print.js插件importprintfrom'print-js'页面使用需求:打击打印按钮,文字内容以及表格中的内容vuePrint.js打印页面样式不出现解决方案加上这句就好了!完美!tips特别注意:打印问题总结一、因为表格数据过多,之前加了表格滚动条,但是打印出来会把表格上的滚动条也打印出来,所以这里改成了给弹框加滚动条,去掉表格中的滚动条二、表格的列缺失(element-uitable组件)2.1原因:table-layout:fixed导致的,出现部分列没有被打印让表ta

ios - UICollectionViewCell 滚动后重叠错乱

这是我的第一个应用程序。我想像这样实现卡片堆栈。我为此应用使用UICollectionView。并通过minimumLineSpacing=-20.f创建重叠单元格UICollectionViewFlowLayout*collectionViewLayout=(UICollectionViewFlowLayout*)self.collectionView.collectionViewLayout;collectionViewLayout.sectionInset=UIEdgeInsetsMake(0.f,0,0,0);collectionViewLayout.minimumLineSp

java - Eclipse、Tomcat、Maven、Spring MVC、Mongo(和精神错乱)

我一直在尝试在Tomcat(由Eclipse启动)下运行一个完全简单的Eclipse项目,该项目使用Maven、SpringMVC和Mongo。我已经阅读了几篇文章并尝试了我找到的教程,但是,总是有一些事情导致异常并且练习付诸东流。我花了相当长的时间检查我的选项并尝试将这个项目放在一起,我最近的尝试是从Eclipse内部创建一个maven-archtype-webapp。创建项目后,我将其设置为在Tomcat7下运行。然后我修改我的pom文件以添加SpringMVC和MongoDB功能:4.0.0testspringTestwar0.0.1-SNAPSHOTspringTestMave

java - Eclipse、Tomcat、Maven、Spring MVC、Mongo(和精神错乱)

我一直在尝试在Tomcat(由Eclipse启动)下运行一个完全简单的Eclipse项目,该项目使用Maven、SpringMVC和Mongo。我已经阅读了几篇文章并尝试了我找到的教程,但是,总是有一些事情导致异常并且练习付诸东流。我花了相当长的时间检查我的选项并尝试将这个项目放在一起,我最近的尝试是从Eclipse内部创建一个maven-archtype-webapp。创建项目后,我将其设置为在Tomcat7下运行。然后我修改我的pom文件以添加SpringMVC和MongoDB功能:4.0.0testspringTestwar0.0.1-SNAPSHOTspringTestMave

解决word插入新图片后原有图片题注的交叉引用错乱的问题

引言在日常工作和生活中,我们经常使用word来撰写文档、论文。为了更好地管理文档中的图片以及在正文中引用图片标题,需要借助题注来实现。通过题注,可以在正文中交叉引用图片,并为引用生成超链接。尽管题注的功能很强大,但是在使用的过程中还是会遇到一些问题,特别是当在文档正文中间插入一张新图片并为其生成题注时,会发现原有的交叉引用并没有更新。为图片插入题注为图片插入题注的方法很简单,主要步骤如下:右键word中的图片,选择“插入题注”。接着点击新建标签,在弹出的输入框中输入“图”,点击确定。然后点击选择标签,选中刚刚新建的“图”标签后点击确定。最后,在图片的下方生成了下图所示的题注,可以在题注后自定义

解决word插入新图片后原有图片题注的交叉引用错乱的问题

引言在日常工作和生活中,我们经常使用word来撰写文档、论文。为了更好地管理文档中的图片以及在正文中引用图片标题,需要借助题注来实现。通过题注,可以在正文中交叉引用图片,并为引用生成超链接。尽管题注的功能很强大,但是在使用的过程中还是会遇到一些问题,特别是当在文档正文中间插入一张新图片并为其生成题注时,会发现原有的交叉引用并没有更新。为图片插入题注为图片插入题注的方法很简单,主要步骤如下:右键word中的图片,选择“插入题注”。接着点击新建标签,在弹出的输入框中输入“图”,点击确定。然后点击选择标签,选中刚刚新建的“图”标签后点击确定。最后,在图片的下方生成了下图所示的题注,可以在题注后自定义