响应式网页

1.将width改为max-width，来适应屏幕的变动来改变自身宽度等。其他亦然。

 /*媒体查询，参考部分Bootstarp框架*//*当页面大于1200px时，大屏幕，主要显示PC端*/@media (min-width: 1200px){}/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/@media (min-width: 992px) and (max-width: 1199px){}/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/@media (min-width: 768px) and (max-width: 991px){}/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/@media (min-width: 480px) and (max-width: 767px){}/*在小于480px的屏幕里，微小屏幕，更低分辨率的手机*/@media (max-width: 479px){}