先分享一个媒体范主题的css，可以实现手机端和电脑显示页面一样，首先去掉style.css里面最下面的自适应额css，，就是@那几段。

接着将下面代码复制到删了的那里。

@media only screen and (max-width: 760px) {body{color:#555;font-size:12px;background:#E9E9E7 url(../images/bg.png) repeat-y center top;font:12px/1.5 "Hiragino Sans GB","Helvetica neue",Helvetica,"Microsoft Yahei", sans-serif;background-size:auto auto;zoom:0.3;}.con-left{width:100%;}.con-right{display:none}.cmsbox {
    width: 100%;}.yx-rotaion img {display:none}.articleCon li .mark {float: right;width: 76%;}.yx-rotaion{display:none}.cmslist {
    float: left;
    width: 46%;
    min-height: 276px;
}.cmslist li a{
     font-size: 0.8em; 
}.articleCon li .mark img{font-size:18px;width:66px;height:56px;}.cmslist li img{font-size:10px;width:18px;height:18px;}.cmslist li span.cms_daye_time {display:none}.thumb img {margin-top:2px;width:5rem;height:180px;}a{font-size:1rem;}.logo img{
    width:380px;height:150px;
}navul li {
    float: left;
    margin-right: 38px;
    position: relative;
    font-size: 6px;
    text-align: center;
    width:88px;
}
}

<script> var phoneWidth = parseInt(window.screen.width); var phoneHeight = parseInt(window.screen.height); var phoneScale = phoneWidth/1248;/*网页主体宽度*/
var ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)) { var version = parseFloat(RegExp.$1);
  if (version > 2.3)
  { document.write('<meta name="viewport" content="width=device-width,initial-scale='+phoneScale+',minimum-scale='+phoneScale+',maximum-scale='+phoneScale+',user-scalable=no">'); 
  }else { document.write('<meta name="viewport" content="width=device-width,user-scalable=no">'); }  }
else { document.write('<meta name="viewport" content="width=device-width, initial-scale='+phoneScale+',minimum-scale='+phoneScale+',maximum-scale ='+phoneScale +',user-scalable=no,">'); }
</script> 

可以根据自己的网页宽度自行修改。