为您找到相关结果43,051个
详解Bootstrap 学习(一)入门_基础知识_脚本之家
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 --> <!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 --> <!--[if lt IE 9]> <![endif]--> 你好,世界! <!-- jQuery (Bootstrap 的...
www.jb51.net/article/1595...htm 2025-2-22
vue中的row布局靠右对齐_vue.js_脚本之家
这些栅格系统提供了一套基于12列的布局网格系统,支持自适应元素大小、从左到右和从右到左排列、多媒体查询和断点管理等特性。 下面是一个示例 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <template> <el-row> <el-col:xs="24":sm...
www.jb51.net/javascript/317962n...htm 2025-3-13
JS首屏加载时间优化的解决方法总结_javascript技巧_脚本之家
使用标签的 media 属性:通过设置 media 属性为一个不匹配的媒体查询,可以让浏览器延迟加载 CSS 文件。页面加载完成后,通过 JavaScript 更改 media 属性为 all 来加载和应用样式。 1 2 3 4 5 6 7 <noscript></noscript> 使用JavaScript 动态加载 CSS:通过 JavaScript 动态创建 标签并插入到 中,可以实现...
www.jb51.net/javascript/316154x...htm 2025-2-28
超好玩js页面效果之实现数值的动态变化_javascript技巧_脚本之家
css文件很简单啦,就使用了flex布局,最后小加了一个媒体查询来适应屏幕尺寸变化,大家自行看吧。 js文件: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 let counters = document.querySelectorAll('.counter') //获取到三个counter盒子 counters.forEach(item => { item.innerText =...
www.jb51.net/article/2651...htm 2025-3-15
第一次接触神奇的Bootstrap基础排版_javascript技巧_脚本之家
<!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询,如果不需要用可以移除 --> <!--[if lt IE 9]> <![endif]--> Hello, world! <!-- 放置在文档的结尾,使页面加载速度更快 --> <!-- 如果要使用Bootstrap的js插件,必须先调入jQuery --> <!-- 包括所有bootstrap的...
www.jb51.net/article/892...htm 2025-3-12
Vue屏幕自适应三种实现方法详解_vue.js_脚本之家
mediaQuery: false, // 是否在媒体查询的css代码中也进行转换,默认false replace: true, // 是否直接更换属性值,而不添加备用属性 exclude: [/node_modules/], // 忽略某些文件夹下的文件或特定文件,用正则做目录名匹配,例如 'node_modules' 下的文件 landscape: false, // 是否处理横屏情况 landscapeUnit: ...
www.jb51.net/article/2683...htm 2025-3-15
vue自适应布局postcss-px2rem详解_vue.js_脚本之家
replace: true, mediaQuery: false,//(布尔值)媒体查询( @media screen 之类的)中不生效 minPixelValue: 12,///设置要替换的最小像素值,px小于12的不会被转换 //propWhiteList: [], //默认值是一个空数组,这意味着禁用白名单并启用所有属性 propBlackList: ['font-size'], //黑名单 } } }参考:https...
www.jb51.net/article/2480...htm 2025-3-13