网站如何改成自适应的？

我的网站在不同电脑屏幕上打开，很多时候都无加载网站全部，在尺寸大的屏幕上可以显示全部，在尺寸比较小的网站上，就无法加载全部了，很多图片都是显示错乱，估计是没有自适应。那么如何把网站改成自适应的呢？这是我的网站，大家帮忙看看，谢谢了，www.nydsscc.com。

首先你要定义布局容器，在不同尺寸展示不同的大小。如：

//  布局容器
.container
  padding-right: 5px
  padding-left: 5px
  margin-right: auto
  margin-left: auto

@media only screen and (max-width: 768px)
  .container
    width: 100%

@media only screen and (min-width: 769px)
  .container
    width: 750px

@media only screen and (min-width: 992px)
  .container
    width: 970px

@media only screen and (min-width: 1200px)
  .container
    width: 1170px

可以使用 rem、百分比 或者其他的一些单位

用媒体查询，根据主体容器最大宽度定义不同分辨率下不同的样式
根据你的网站定义：

你的容器宽度固定是1490px，那么当屏幕小于这个宽度时：

/*屏幕宽度小于1490px 且 大于等于1200*/
@media (max-width:1489px) and (min-width:1200px){
  .content,.con1 {
    width: 1200px;
  }
  .right {
    width: calc(100% - 263px);
  }
  .right_title,.con1_list{
    width: 100%;
  }
  .con1_list li {
    width: 25%;
  }
}

效果如图：

1200-1000、1000-800依次类推，目前pc端最小宽度为800px，不过可以根据你们的需求，让网站响应各屏幕的宽度

感谢大家支持