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;

 

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