pc網站的一些自適應的方案

1.可以通過設置一個最小的寬度(例如min-width:1200px),也是就是如果屏幕的寬度小於1200的時候,內容的寬度就是1200,然後出現橫向滾動條

2.設置一個百分比寬度,例如(width:85%;),也是就是如果屏幕的寬度小於1200的時候,內容的寬度就是1200,然後出現橫向滾動條,如果width的值大於1200的時候就是以width爲準。

3.設置一個最大的寬度,例如(max-width:1920px;),也是就是如果屏幕的寬度小於1200的時候,內容的寬度就是1200,然後出現橫向滾動條,如果width的值大於1200的時候就是以width爲準。如果width的值大於max-width的值的時候就以max-width的值爲準

示例

    width: 80%;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0 auto;

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章