markdown编辑器的这个全屏功能,默认采取的高度与宽度为window的宽高,怎样去限定或者修改这个数值,将全屏功能限定在我指定的一个div内
3条回答 默认 最新
- 空城机 2021-04-06 13:49关注
应该是类似这种吧
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #a { width: 300px; height: 200px; border: 1px solid yellow; position: relative; } #b { width: 200px; height: 100px; background-color: #0000FF; position: absolute; transform-origin:left top; } #c { width: 40px; height: 20px; border: 1px solid green; background-color: papayawhip; } #d { width: 800px; height: 600px; border: 1px solid red; position: absolute; left: 320px; top: 100px; } </style> </head> <body> <div id="a"> <div id="b"> <div id="c" onclick="fullScreen()">放大</div> 1111111111 </div> </div> <div id="d"> <!-- 需要全屏放大的位置 --> </div> <script type="text/javascript"> let isfull = false; function fullScreen() { let doc = document; if (!isfull) { let rateX = parseInt(doc.getElementById("d").clientWidth) / parseInt(doc.getElementById("b").clientWidth); let rateY = parseInt(doc.getElementById("d").clientHeight) / parseInt(doc.getElementById("b").clientHeight); doc.getElementById("b").style.transform = `scale(${rateX},${rateY})` doc.getElementById("d").appendChild(doc.getElementById("b")) isfull = !isfull } else { doc.getElementById("b").style.transform = `scale(1, 1)` doc.getElementById("a").appendChild(doc.getElementById("b")) isfull = !isfull } } </script> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 网络科学导论,网络控制
- ¥15 metadata提取的PDF元数据,如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)