我被困在設計一個標題。標題設計現在是屏幕頂部的一個灰色條,其中徽標位於屏幕的左側,所有標題按鈕位於右側。標題按鈕將滑動到左側。如何按某個分辨率縮小標題?
問題是徽標和標題將以特定分辨率重疊。我想要完成的是使標題按鈕在1280px的起始寬度不再移動。從1280px的寬度開始,我希望頭部開始縮小。
有什麼辦法可以做到這一點與CSS中的聲明?如果沒有,我將如何能夠做到這一點?
我被困在設計一個標題。標題設計現在是屏幕頂部的一個灰色條,其中徽標位於屏幕的左側,所有標題按鈕位於右側。標題按鈕將滑動到左側。如何按某個分辨率縮小標題?
問題是徽標和標題將以特定分辨率重疊。我想要完成的是使標題按鈕在1280px的起始寬度不再移動。從1280px的寬度開始,我希望頭部開始縮小。
有什麼辦法可以做到這一點與CSS中的聲明?如果沒有,我將如何能夠做到這一點?
嘗試使用css media query,在其中您可以設置不同的分辨率不同風格的規則,這將有可能解決這個標題按鈕問題
您應該能夠通過使用CSS @media到acheive它。您可以定義相同的CSS類有不同的影響對不同的寬度,如:
@media (max-width: 1280px) {
.header-button {
display: none;
}
}
你可以找到更多關於它在這裏:
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
發佈您的代碼,請。 – EddNewGate