css媒体查询 （判断如果屏幕大于500px，页面最大宽度为400px;）

 @media screen and (min-width: 500px) {
     .main {
         width: 400px;
         border: 1px solid #E3E3E3;
         background: #FFF;
     }
 }

https://www.runoob.com/cssref/css3-pr-mediaquery.html