网站建设要考虑哪些,上海网站建设外包,网页制作软件html,jsp个人网站怎样做这个问题可以简称为#xff1a;uniapp vue 获取可视窗口高度
第一种方案#xff0c;只改变css样式
/* 不考虑浏览器UI的最小视口高度 */
.element {height: 100svh; /* small viewport height */
}/* 考虑浏览器UI变化的动态视口高度 */
.element {height: 100dvh; /* dyna…这个问题可以简称为uniapp vue 获取可视窗口高度
第一种方案只改变css样式
/* 不考虑浏览器UI的最小视口高度 */
.element {height: 100svh; /* small viewport height */
}/* 考虑浏览器UI变化的动态视口高度 */
.element {height: 100dvh; /* dynamic viewport height */
}只需把100vh改为100svh或100dvh 方法简单一般新的浏览器都支持但旧的可能不一定
第二种方案使用 JavaScript 设置 CSS 变量
// 设置真实视口高度
document.documentElement.style.setProperty(--real-vh, ${document.documentElement.clientHeight}px);.element {height: var(--real-vh, 100vh); /* 回退到100vh */
}document.documentElement.clientHeight是最可靠的方法因为它直接返回视口高度不包括滚动条。
