获取页面的可视化高度和宽度

简介: 获取页面的可视化高度和宽度

导语

歌谣 歌谣 我们需要获取页面的一个可视化宽度和高度怎么做呢




编辑


解决思路

<div> 我是歌谣 </div> <script> // 获取展示内容宽度,去掉sider function getContentWidth () { const contentWidth = document.documentElement.clientWidth || document.body.clientWidth; return contentWidth }; // 获取展示内容高度 function getContentHeight () { const contentHeight = document.documentElement.clientHeight || document.body.clientHeight; return contentHeight; }; console.log("宽度"+getContentWidth()) console.log("高度"+getContentHeight())




总结

最好的种树是十年前 其次是现在 欢迎一起学习与交流



相关文章
|
2天前
【HarmonyOS Next开发】实现矩形上下拖动、动态拖拽修改高度
实现一个矩形块上下拖动,并且可以拖动边缘定位点改变矩形块高度。
15 6
|
2月前
|
数据可视化
在线可视化设计教你玩转圆角、阴影
在线可视化设计教你玩转圆角、阴影
42 1
|
7月前
表格高度根据内容自适应的瀑布流
表格高度根据内容自适应的瀑布流
67 1
|
7月前
使用SDAutoLayout实现控件根据内容进行宽度自适应和高度自适应
使用SDAutoLayout实现控件根据内容进行宽度自适应和高度自适应
126 2
|
7月前
表格宽度和高度
表格宽度和高度。
47 1
uniapp轮播图高度随变和左右滑动也获取高度
uniapp轮播图高度随变和左右滑动也获取高度
|
7月前
【sgDragMove】自定义组件:自定义拖拽组件,仅支持拖拽、设置吸附屏幕边界距离。
【sgDragMove】自定义组件:自定义拖拽组件,仅支持拖拽、设置吸附屏幕边界距离。
|
前端开发 数据可视化
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
text-overflow实现数据可视化大屏文本滚动自适应伸缩隐藏
95 1
|
定位技术
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看
164 0
|
定位技术
Echarts实战案例代码(39):地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案
Echarts实战案例代码(39):地理坐标整体地图背景色渐变效果和字体随地图缩放的解决方案
329 0

热门文章

最新文章