大屏数据展示怎么实现？有什么注意事项吗？

Question

做大屏数据展示，是不是要知道展示大屏的尺寸跟分辨率呢？如果不知道需要怎么开发？写自适应的怎么写。布局啥的

Answer 1

媒体查询，配合rem进行布局，除非特定的区块给它死宽，没有要求的全部都是100%,你要是没有做过，可以先写简单 的一个小demo看看，关于媒体查询
http://www.hangge.com/blog/ca...可以看看这个，rem自行百度

Answer 2

主流的分辨率比例是16：9和4：3。
根据你们设计给你的效果图写媒介查询。
因为屏幕的高度会变化，所以所有的大小都要用单位vh写。

Answer 3

不要求兼容的话，考虑用rem单位，js监听窗口变化

<script>
    function setRemFontSize() {
        var remSize = window.innerWidth / 19.2;
        document.querySelector("html").style.fontSize = (remSize > 100 ? 100 : remSize) + "px";
    }
    setRemFontSize();
    window.addEventListener("resize", function () {
        setTimeout(function () {
            setRemFontSize();
        }, 200)
    });
</script>