网站首页 > 知识剖析 正文
Window.width:窗口的宽度。一般我们使用浏览器看原型的时候,拖拽浏览器尺寸所记录的数值。
Window.height:窗口的高度。同上。
照旧看一下示例。(请参考文章下方的原链接)
当我们刚刚进入示例的时候,会有个默认值,这是当前浏览器窗口的尺寸,那么我们拖动浏览器的窗口,看一下数值的变化。
业务场景:一般需要通过浏览器尺寸触发其他条件时需要使用到。比如自适应。
实现思路:通过窗口改变大小进行设置。
操作方法:
1、拖入四个标签。前两个输入内容,窗口宽度和窗口高度,分别对应另外两个标签。
2、另外两个标签分别命名为宽和高,分别对应窗口宽度和窗口高度。
3、设置条件。
窗口改变大小时,
设置文字于宽=[[Window.width]]
设置文字于高=[[Window.height]]
以上即完成交互设置,比较简单,做PC网站原型时使用会比较多。
(原创文章,请勿商用,相关链接:
http://www.guanjunrui.com/?p=1016,感谢作者互联网人的原创作品。Q群:455145625)
猜你喜欢
- 2025-03-14 2015年画的一些小怪物线稿(小怪物怎么画萌萌哒)
- 2025-03-14 Python黑科技-VIP视频破解源码分享
- 2025-03-14 C语言开发:如何用130行代码,写出"超火"微信小游戏—羊了个羊?
- 最近发表
-
- jQuery EasyUI使用教程:创建展开行详细编辑表单的CRUD应用
- CSDN免登陆复制代码的几种方法(csdn扫码登录怎么实现的)
- LayUi提高-Select控件使用(layui form select)
- 用 Playwright MCP 让 AI 改它自己写的屎山代码
- multiple-select.js中手动设置全选和取消全选
- 前端实现右键自定义菜单(html 自定义右键菜单)
- JavaScript脚本如何断言select下拉框的元素内容?
- 广州蓝景分享—实用的CSS技巧,助你成为更好的前端开发者
- MyBatis-Plus码之重器 lambda 表达式使用指南,开发效率瞬间提升80%
- Go语言之select的使用和实现原理(go select case)
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)