全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果302,821个

兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5...

在IE8下成功实现自适应高度,但在谷歌浏览器高度只会增加,不会减少,也就是说,长高后就缩不回来. 那么各个浏览器的表现不太相同,单取哪个值都不对。但可以找到了一条规律,那就是取两个值得最大值可以兼容各浏览器。所以我们的主页面代码就要改造成这样了: ...
www.jb51.net/article/207...htm 2025-2-7

vue3.0 自适应不同分辨率电脑的操作_vue.js_脚本之家

这篇文章主要介绍了vue3.0 自适应不同分辨率电脑的操作,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下 首先我们需要要安装一些依赖 1 2 3 npm i lib-flexible-computer -S//根节点会根据页面视口变化而变化font-size大小 ...
www.jb51.net/article/2055...htm 2025-1-14

vue项目中echarts自适应问题的高级解决过程_vue.js_脚本之家

ps:A页面和B页面都是组件化书写。 1.2 问题复现 点击浏览器右上角的 向下还原 按钮后,图表显示不正确,如下图: 原因:未进行图表自适应 二、解决过程 2.1 增加图表resize 1 2 3 window.addEventListener('resize', function () { chart.resize() }) 增加后,点击浏览器向下还原按钮后,效果如下: 这里有个...
www.jb51.net/article/2842...htm 2025-1-29

创造100% 自适应css布局的行之有效的方法_CSS布局实例_CSS_网页制作...

上面是相同的页面,只是将宽度减小到700px,字体大小随浏览器改变 如何实现文本缩放 文本缩放是一个可以包含在网页外部的基本的javascript,下载js文件,并进一步阅读说明,将其放到演示页的头部:Text Zooming。 在下面的外部的script文件中,插入代码和修改它很容易。
www.jb51.net/css/20189...html 2025-2-1

IOS 聊天界面(自适应文字)的实现_IOS_脚本之家

接下来便是实战部分,我希望在聊天页面中使用self size cell 这个功能,聊天页面的效果图 以下下是我为messageCell 制作约束图,事实上用的是代码约束,详情可以查看我的源码 问题 如果我想实现 一个功能像微信一样下拉刷新,而且消息停留在原来的消息页面上,如下图所示 ...
www.jb51.net/article/1088...htm 2025-2-8

js实现iframe自动自适应高度的方法_javascript技巧_脚本之家

将下一段代码拷贝到iframe所在那个html或者jsp页面。在标签后,调用此函数即可。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 autoAdjustWindow(); //自动调整iframe的高度,自适应树的展开和收缩 functionautoAdjustWindow(){ try{ window.frameElement.height=document.body.scrollHeight...
www.jb51.net/article/612...htm 2025-2-6

JS实现DIV高度自适应窗口示例_javascript技巧_脚本之家

window.onload = windowHeight;//页面载入完毕执行函数 functionwindowHeight() { varh = document.documentElement.clientHeight;//获取当前窗口可视操作区域高度 varbodyHeight = document.getElementById("divContent");//寻找ID为content的对象 bodyHeight.style.height = (h - 25) +"px";//你想要自适应高度的对...
www.jb51.net/article/1058...htm 2025-1-26

css实现两栏固定中间自适应的方法_CSS布局实例_CSS_网页制作_脚本之家

此方法页面元素结构可以顺序可以随意变动,注意top值需要进行处理,不然可能会出现对不齐现象 HTML 1 2 3 4 5 左侧 中间 右侧 CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 #container { position: relative; } .left, .right{ position: absolute; top: 0; width: 200px...
www.jb51.net/css/6483...html 2025-1-15

基于Vue.js 2.0 酷炫自适应背景视频登录页面实现方式_vue.js_脚本之家

本文讲述如何实现拥有酷炫背景视频的登录页面,浏览器窗口随意拉伸,背景视频及前景登录组件均能完美适配,背景视频可始终铺满窗口,前景组件始终居中,视频的内容始终得到最大限度的保留,可以得到最好的视觉效果。并且基于 Vue.js 2.0 全家桶。具体效果如下图所示: ...
www.jb51.net/article/1330...htm 2025-1-14

关于移动端与大屏幕自适应适配方案_vue.js_脚本之家

配置postcss-pxtorem 设置页面px自动转换为rem 创建vue.config.js文件,添加如下配置: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 //vue.config.js const pxtorem = require('postcss-pxtorem') module.exports = { css: { loaderOptions: { postcss: { plugins: [ pxtorem({ rootValue: 80, //这...
www.jb51.net/article/2653...htm 2025-1-25