reset.css

@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse; /*讓表格邊框細線*/
    border-spacing:0; /*清除邊框間距*/
}
fieldset,img {
    border:0 none; /*有些瀏覽器默認這些標籤有邊框，因此要清除默認邊框*/
    display:block;
}
address,caption,cite,code,dfn,em,i,u,b,strong,th,var {
    font-style:normal;
    font-weight:normal;
    /*清除標籤默認文本樣式和加粗*/
}
input,textarea{
    outline:0 none;/*去掉文本框的默認輪廓線*/
}
ol,ul {
    list-style:none; /*清除列表默認樣式*/
}
caption,th {
    text-align:left; /*清除標籤默認文本居中對齊*/
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal; /*清除標題標籤的默認樣式*/
}
a{
    text-decoration:none;/*大部分頁面中的連接沒有下劃線*/
}

.clearfix:after{
    height:0;
    content:" ";
    display:block;
    overflow:hidden;
    clear:both;
}
.clearfix{
    zoom:1;/*IE低版本瀏覽器不支持after僞類因此要加這一句*/
}



/*控制第一層容器都是撐滿全屏*/
html,body{
    height: 100%;
    width: 100%;
}

#app{
    height: 100%;
}

#app > :nth-child(1){
    height: 100%;
}
html{
    min-width: 380px;
}

/*媒體查詢*/

/*@media only screen{*/
    /*!*裏面是查詢瀏覽器的寬度，達到要求就執行這裏的樣式*!*/
    /*!*給窗體一個最小寬度*!*/
    /*html{*/
        /*min-width: 768px;*/
    /*}*/
/*}*/

/* 超小屏幕（手機，小於 768px） */
@media screen and (max-width: 768px) {
    body{
        /*爲何要加important那？由於用了第三方的antd的樣式庫，antd的body裏面設置的字體樣式優先級比咱們的高*/
        font-family: '微軟雅黑' !important;
        /*font-family: '宋體' !important;*/
        font-size: 16px !important;

    }
}

/* 小屏幕（平板，大於等於 768px） */
@media screen and (min-width: 769px) and (max-width: 992px) {
    body{
        font-family: '微軟雅黑' !important;
        /*font-family: '宋體' !important;*/
        font-size: 18px !important;

    }
}

/* 中等屏幕（桌面顯示器，大於等於 992px） */
@media screen and (min-width: 993px) and (max-width: 1200px) {
    body{
        /*font-family: '微軟雅黑' !important;*/
        font-family: '宋體' !important;
        font-size: 20px !important;

    }
}

/* 大屏幕（大桌面顯示器，大於等於 1200px） */
@media screen and (min-width: 1201px) {
    body{
        /*font-family: '微軟雅黑' !important;*/
        font-family: '宋體' !important;
        font-size: 24px !important;

    }
}