需貼在 BLOG的自定CSS


針對各裝置設定,要自訂不同尺寸

@media (max-width: 425px) {
    /*0~425 手機 */
    .fixed-top-navbar {
    background: #232323; /* 背景色 預設 #232323 */
    height: 24px;        /* 高度 預設 24px */
    color: #8f9192;  /* 箭頭顏色 預設 #8f9192 */
    font-size: 11px; /* 字體大小 預設 #8f9192 */
    }

    .fixed-top-navbar a, .fixed-top-navbar a:visited {
    color: #8f9192; /* 字體顏色 預設 #8f9192 */
    }
}
@media (min-width: 426px) and (max-width: 768px) {
    /*426~768 平板 */
    .fixed-top-navbar {
    background: #232323; /* 背景色 預設 #232323 */
    height: 24px;        /* 高度 預設 24px */
    color: #8f9192;  /* 箭頭顏色 預設 #8f9192 */
    font-size: 11px; /* 字體大小 預設 #8f9192 */
    }

    .fixed-top-navbar a, .fixed-top-navbar a:visited {
    color: #8f9192; /* 字體顏色 預設 #8f9192 */
    }
}
@media (min-width: 769px) {
    /*769~+∞ 桌機 */
    .fixed-top-navbar {
    background: #232323; /* 背景色 預設 #232323 */
    height: 24px;        /* 高度 預設 24px */
    color: #8f9192;  /* 箭頭顏色 預設 #8f9192 */
    font-size: 11px; /* 字體大小 預設 #8f9192 */
    }

    .fixed-top-navbar a, .fixed-top-navbar a:visited {
    color: #8f9192; /* 字體顏色 預設 #8f9192 */
    }
}


不限裝置,自訂同樣尺寸

.fixed-top-navbar {
    background: #232323; /* 背景色 預設 #232323 */
    height: 24px;        /* 高度 預設 24px */
    color: #8f9192;  /* 箭頭顏色 預設 #8f9192 */
    font-size: 11px; /* 字體大小 預設 #8f9192 */
}

.fixed-top-navbar a, .fixed-top-navbar a:visited {
    color: #8f9192; /* 字體顏色 預設 #8f9192 */
}