@media (max-width: 480px) {
.wrapper {
min-width: 320px;
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.left {
float: none;
width: 100%;
}
.content{
float: none;
width: 100%;
}
}
当屏幕小于480时是单列显示
.wrapper {
min-width: 320px;
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
.left {
float: none;
width: 100%;
}
.content{
float: none;
width: 100%;
}
}
当屏幕小于480时是单列显示
2017-04-11
已采纳回答 / sr7
<div class="main nav"> <ul class="nav_ul"> <li><a href="#">Menu</a></li> <li><a href="#">Menu Menu</a></li> <li><a href="#"&...
2017-04-10
<div class="wrapper">
<div class="ch1">我是第一个Div元素</div>
<div class="ch1">我是第二个Div元素</div>
<div class="ch1">我是第三个Div元素</div>
<div class="ch2">我是第一个段落</div>
</div>
*******
<style>
.wrapper > div.ch1:last-of-type{
background: orange;
}
</style>
这样的情况下就不起作用
<div class="ch1">我是第一个Div元素</div>
<div class="ch1">我是第二个Div元素</div>
<div class="ch1">我是第三个Div元素</div>
<div class="ch2">我是第一个段落</div>
</div>
*******
<style>
.wrapper > div.ch1:last-of-type{
background: orange;
}
</style>
这样的情况下就不起作用
2017-04-10
过渡动画简写:
transition:css属性 动画时间 动画速度 延迟执行时间;
transition:css属性 动画时间 动画速度 延迟执行时间;
2017-04-09
matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY());
a为水平伸缩量,1为原始大小;
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
a为水平伸缩量,1为原始大小;
b为纵向扭曲,0为不变;
c为横向扭曲,0不变;
d为垂直伸缩量,1为原始大小;
e为水平偏移量,0是初始位置;
f为垂直偏移量,0是初始位置
2017-04-09