摘要: 默认情况下,flex值为1,也就是占用弹性容器剩余位置的1份 使用flex修改弹性伸缩比的示例: <body> <div class="box"> <div class="item item1">1</div> <div class="item item2">2</div> <div class=" 阅读全文
posted @ 2024-11-07 16:17 洛飞 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 因为数据大屏一般在大的屏幕端进行展示。 实现缩放的逻辑:给div设置固定的高度和宽度。通过innerWidth来获取当前屏幕的宽度和高度,得到缩放比例。通过scale来缩放当前div、 具体的实现代码如下: <!DOCTYPE html> <html> <head> <meta charset="u 阅读全文
posted @ 2024-11-07 15:20 洛飞 阅读(7) 评论(0) 推荐(0) 编辑