function refresh () {
const wh = window.innerHeight
const ww = window.innerWidth
const designHeight = 1080
const designWidth = 1920
console.log(ww, wh)
console.log(designWidth, designHeight)
console.log(ww / designWidth, wh / designHeight)
const scaleH = wh / designHeight
const scaleW = ww / designWidth
const scale = Math.min(scaleH, scaleW).toFixed(6)
console.log('scale', scale)
document.getElementById('id').style.transform = `scale(${scale})`
document.getElementById('id').style.transformOrigin = `50% center`
}
window.addEventListener('resize', refresh)
react如何利用addEventListener监听关闭Modal弹框
上面是“javascript实时监听容器的尺寸,防止溢出屏幕”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2326.html
workflows工作流
一座精致透明的白瓷人物雕塑comfyui工作流
1个很漂亮的单身小女孩ComfyUI工作流
图生图工作流:粉红色梦幻家园comfyui工作流
一只千纸鹤坐在路上哭泣ComfyUI工作流
令人着迷的一只老虎ComfyUI工作流
一个戴着破旧莎草帽的机械忍者
一架令人难忘的美丽钢琴ComfyUI工作流
一位漂亮的女人坐在樱花树旁
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
canvas经线动画走到效果
日历设置每个月颜色都不一样
3d文字动画效果
如何利用svg做一个有趣的loading动画加载
css3绘制一个会动的大嘴鸟
css3画弹珠,可以滚动!
js导出excel插件(兼容mac电脑Numbers表格)










