怎么实现：
在页面宽度大于1200像素时，布局合理，有一定的美观性；当页面小于1200像素大于780像素时，采用百分比布局；当页面宽度小于780像素时，合理设置页面元素布局。
有用bootstrap啥的吗
@media (min-width:1200px){}
@media (max-width:1200px) and (min-width:780px) {}
@media (max-width:768px){}
合理布局要看具体情况，一般可以通过调整width百分比，比如：width:100%;当然还要考虑到padding，margin等。