渐变色 + 屏幕缩小自动产生滚动条

渐变色代码

.gradien{background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#fff));

background: -webkit-linear-gradient(top, #f3f3f3 0%,#fff 100%);

background: -o-linear-gradient(top, #f3f3f3 0%,#fff 100%);

background: -ms-linear-gradient(top, #f3f3f3 0%,#fff 100%);

background: linear-gradient(to bottom, #f3f3f3 0%,#fff 100%);

text-overflow: ellipsis; }

 

页面随屏幕大小自动产生横向和纵向滚动条 

<style>

body{
  margin:0px;
  width:100%;
  min-width:1500px;
  max-width:100%;
  height:100%;
 
}
#head{
 
  width:100%;
  height:100px;
}
#center{
 
  width:100%;
  min-height:100%;
}
#foot{
 
  width:100%;
  height:100px;
}

</style>