根据屏幕大小确定是否显示div

<style type="text/css">
.didiv{
display: none;      //默认隐藏
}
@media only screen and (min-width: 0px) and (max-width: 640px){   //当屏幕为 0-640px 时     显示   用以下样式
.didiv{
display: block;
position: fixed;
width: 50px;
border: 3px solid #9a5722;
margin-bottom: 62px;
right: 0px;
bottom: 0px;
border-radius: 5px;
}

.didivul>li{
padding: 5px 0px;
}

.didivulli{
background-color: #c7c7c7;
}

.didivulli>a{
width: 100%;
padding: 10px 0px;
}
.colo96{
color: #969696;
}
}   //结束


        .tac {
    text-align: center;
}
        .bgw {
    background-color: white;
}


</style>


<div class="didiv tac bgw">
    <ul class="didivul">
    <li class="didivulli fow"><a class="dis colo3" href="javascript:;">咨询</a></li>
    <li><a href="sms:15317830112">
    <p class="colo96 foz12">短信</p>
    <p><img src="images/emal.png"/></p>
    </a></li>
    <li><a href="tel:021-54790110">
    <p class="colo96 foz12">电话</p>
    <p><img src="images/dianhua.png"/></p>
    </a></li>
    </ul>
   </div>