需貼在 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 */
}