前端PC端适配,怎么在不同的分辨率完美实现图纸

Question

设计图纸给的是1336*768的,而我的电脑是1920*1080的,想要我的电脑完美的显示出来,怎么做适配??非常急,只做pc端适配,详细点,谢谢(我自己有做rem适配,做完发现高度不够)

Answer 1

<style media="screen">
    /*分辨率低于1280，采用下面的样式*/
    @media screen and (max-device-width:1280px){
        div{
            width: 200px;
            height: 200px;
            background-color: green;
        }
    }

    /*分辨率高于1440，采用下面的样式*/
    @media screen and (min-device-width: 1440px){
        div{
            width: 300px;
            height: 300px;
            background-color: red;
        }
    }
</style>