总体思路是这样的,因为iframe里页面的内容是动态加载的,而且电脑屏幕宽度发生变化时,也得相应的去改变iframe标签的高度(如果高度确定就不用这么麻烦了); 首先,我们在父页面中定义一个方法,用来改变iframe标签的高度;在iframe中的页面中,当内容加载号之后去调用父页面汇总的这个方法(因 ...
分类:
其他好文 时间:
2019-10-16 13:40:01
阅读次数:
109
今天总结下几种div中的内容水平居中的几种方法,至于好坏我还不是很清楚,就不阐述,希望有大佬能指示下,小弟不胜感激 1.首先是常规的 margin属性,上下固定,左右自适应 2.div高度自适应的情况 div在不设置高度的时候,会被里面的内容撑开,内容自动填充在div中,无论是一行内容还是多行内容, ...
分类:
其他好文 时间:
2019-09-14 15:36:51
阅读次数:
125
写在前面:echarts如果不给高度是无法显示的,这在很多场景中是非常不方便的。以下通过父div的高来计算echarts的高,以达到高度自适应的需求。 以下代码是在vue中引用echarts。 页面代码: 父div的css样式: echarts代码块: 高度计算方法chartssize(): 写在后 ...
分类:
其他好文 时间:
2019-08-26 15:31:59
阅读次数:
131
有个项目移动端的首页需要自适应。 宽度已经自适应了 , 高度也要自适应 ,先总结一下方法,PC端也适用。 $(function(){ var h = window.innerHeight; $(".carousel-inner>.item>a>img, .carousel-inner>.item>i ...
分类:
移动开发 时间:
2019-08-26 12:55:01
阅读次数:
262
前提:父页面是功能选项,固定在网页上。在网页留出的空白部分,用于嵌套子页面 为了美观和用户体验,子父页面共用子页面的纵向滚动条,且子页面的内容是变化的,所以要设置iframe高度自适应。 js代码 html 详情参考:http://caibaojian.com/iframe-adjust-conte ...
分类:
其他好文 时间:
2019-08-11 01:13:30
阅读次数:
129
最近在前端页面遇到了一个问题,我在一个页面中利用iframe框架引入了一个页面进来,但是这个页面的高度是不叫高的,高出电脑屏幕很多, 所以就引发了iframe框架一个滚动条,然后主页面一个滚动条,这样页面就出现了两个滚动条。在网上查了好久,一直没有好的方法,直到我在 网上看到了iframe高度自适应 ...
分类:
其他好文 时间:
2019-08-09 10:40:14
阅读次数:
186
Vue. 之 Element table 高度自适应 使用vue创建table后,其高度自适应浏览器高度. 在创建的 el-table 中添加:height属性,其值为一个变量(tableHeight) 在script中的data() 中添加高度的定义: 这里的200是自己根据实际需求进行定义的,此 ...
分类:
其他好文 时间:
2019-08-03 15:04:35
阅读次数:
179
背景: frame嵌套的页面:高度默认很小,而且如果不在相同域名,无法访问内部的DOM元素 1.如果设置固定的高度,部分屏幕部分满足需求,这里使用动态获取浏览器屏幕高度的方法设置:这里去除顶栏100px高度,自适应屏幕 2.如何操作iframe内部的DOm: 更简单的方法:通过name获取 也可以获 ...
分类:
其他好文 时间:
2019-07-30 12:35:32
阅读次数:
118
重复造轮子系列——基于FastReport设计打印模板实现桌面端WPF套打和商超POS高度自适应小票打印 一、引言 桌面端系统经常需要对接各种硬件设备,比如扫描器、读卡器、打印机等。 这里介绍下桌面端系统打印经常使用的场景。 1、一种是类似票务方面的系统需要打印固定格式的票据。比如景点门票、车票、电 ...