# 全屏容器

数据可视化页面一般在浏览器中进行全屏展示,全屏容器将根据屏幕比例及当前浏览器窗口大小,自动进行缩放处理。浏览器全屏后,全屏容器将充满屏幕。React版

TIP

建议在全屏容器内使用百分比搭配flex进行布局,以便于在不同的分辨率下得到较为一致的展示效果。

使用前请注意将bodymargin设为0,否则会引起计算误差,全屏后不能完全充满屏幕。

<dv-full-screen-container>content</dv-full-screen-container>
点击复制