如何制作PC端Html网页

如何制作PC端Html网页

       实现效果：

     

    实现思路：

   按设计图比例尺寸严格定义html 、body  、div宽高

 

    实现代码：

   

*{
    margin: 0;
    padding: 0;
    font: 1rem/1.2 tahoma, microsoft yahei, sans-serif, simsun;
}
html{
    position: relative;
    min-width: 1180px;
    width: 100%;
    height: 100%;
}
body{
    min-width: 1180px;
    /*min-height: 960px;*/
    min-height: 1500px;
    position: relative;
    width: 100%;
    height: 100%;
    /*background:rgba(50,51,51,1);*/
    background: #323333;
    opacity: 1;
}

/** 最外层包含体 */
.nav{
    position: relative;
    width: 1258px;
    height: 100%;
    /*background: rgba(50,51,51,1);*/
    background: #323333;
    opacity: 1;
    margin: auto;
}