
自定义CSS,
<!--统计栏目-->
<style>
.new-content {
margin-top: 5px;
}
.tpt-wp {
margin: 0 auto;
width: 100%
}
.tpt-cm {
color: #333;
text-align: center;
background: #FFF;
height: 30px;
line-height: 30px;
border: 1px solid #eaeaea;
}
.tpt-md-4 {
float: left
}
.tpt-md-3 {
float: left
}
.tpt-md-2 {
float: left
}
.tpt-md-1 {
width: 100%
}
@media only screen and (max-width: 767px) {
.tpt-md-4 {
width:50%
}
.tpt-md-3 {
width: 100%
}
.tpt-md-2 {
width: 100%
}
.tpt-ml-3 {
display: none
}
.tpt-mr-3 {
display: none
}
.tpt-ml-7 {
width: 100%
}
.tpt-mr-7 {
width: 100%
}
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
.tpt-md-4 {
width:50%
}
.tpt-md-3 {
width: 50%
}
.tpt-md-2 {
width: 50%
}
.tpt-ml-3 {
display: none
}
.tpt-mr-3 {
display: none
}
.tpt-ml-7 {
width: 100%
}
.tpt-mr-7 {
width: 100%
}
}
@media only screen and (min-width: 1024px) and (max-width:1199px) {
.tpt-md-4 {
width:33.33333333%
}
.tpt-md-3 {
width: 33.33333333%
}
.tpt-md-2 {
width: 50%
}
.tpt-ml-3 {
float: left;
width: 30%
}
.tpt-mr-3 {
float: right;
width: 30%
}
.tpt-ml-7 {
float: left;
width: 70%
}
.tpt-mr-7 {
float: right;
width: 70%
}
}
@media only screen and (min-width: 1200px) {
.tpt-md-4 {
width:20%
}
.tpt-md-3 {
width: 33.33333333%
}
.tpt-md-2 {
width: 50%
}
.tpt-ml-3 {
float: left;
width: 30%
}
.tpt-mr-3 {
float: right;
width: 30%
}
.tpt-ml-7 {
float: left;
width: 70%
}
.tpt-mr-7 {
float: right;
width: 70%
}
.tpt-wp {
width: 100%;
margin: 0 auto;
}
}
/**wap导航隐藏浮动**/
.dnwu {
display: none;
}
/**wap导航1200px分辨率**/
@media (max-width: 1200px) {
.dnwu {
display: block;
}
.sjwu {
display: none;
}
}
</style>html代码放在你需要显示的位置