如果監視器屏幕太大，管理網頁的頂部標題

我在瀏覽器的頂部部分有標題。的CSS，它是： .TOP部{如果監視器屏幕太大，管理網頁的頂部標題

position: absolute; 
height: 83px; 
background: #fcfcfc; 
border-bottom: 1px solid #ededed; 
width: 100%; 
min-width: 1000px; 
border-radius: 10px 10px 10px 10px;

}

我一般用100％的寬度。它適合筆記本電腦和小型顯示器。但是，如果顯示器屏幕像21英寸太大，它不會看起來不錯。所以我想，頂部部分標題不應該大於某個最大寬度。我可以使用'maz-width：px'css屬性，但是它的問題是，左右邊沒有對稱的邊距。這再次看起來不好。那麼我應該怎麼做才能定義最大尺寸，但是具有適當的邊距，以便在屏幕尺寸很大的情況下頁面看起來不錯。

任何人都可以幫助我嗎？

來源

2011-12-29 stillStudent

使用媒體查詢基於寬度，設置行爲：http://webdesignerwall.com/tutorials/css3-media-queries

來源

2011-12-29 18:59:10

我目前正在尋找css和html解決方案。非常感謝您的建議。 – stillStudent 2011-12-29 19:27:57

如果你希望它是對稱的中心，使用text-align:center爲body和margin:auto的頂部，並禁用position:absolute。現在您可以設置max-width。諮詢this site。中間的東西有一個min-width集（不是max-width），但它保持對稱的中心，即使縮放和瀏覽器窗口調整大小。檢查用於該框的CSS，併爲您的標題使用類似的CSS。

來源

2011-12-29 19:06:11

如何使用類似Less framework或它的繼任者FramelessGrid？

來源

2012-01-19 17:21:05

如果監視器屏幕太大，管理網頁的頂部標題

回答

相關問題