将css转换为响应式

时间:2016-05-26 16:07:16

标签: css css3

我正在使用css样式表。这里的每件事情都很好我的代码片段

   .stickytooltip {
    box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
    -webkit-box-shadow: 5px 5px 8px #818181;
    -moz-box-shadow: 5px 5px 8px #818181;
    display: none;
    position: absolute;
    display: none;
    border: 5px solid black; /*Border around tooltip*/
    background: white;
    z-index: 3000;
}


    .map {
    outline:solid;
    }
   .stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
   background:black;
   color:white;
   padding-top:5px;
   text-align:center;
   font:bold 11px Arial;
   }

但我需要转换成resposive css怎么样??????请帮忙

1 个答案:

答案 0 :(得分:1)

要使CSS响应,您需要使用媒体查询。 您可以在此处找到更多信息:http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

希望它会有所帮助。