最新回答 / qq_玲玲的大_04311806
@media screen and (max-width: 700px){ html{ font-size: 10px; } }一般媒体查询常用于移动端开发，比如说你的页面最后会使用在手机上和PC上，手机的屏幕比较小，我们可以把字体设置的小一点，上面应用到html的字体大小规则只会在屏幕尺寸宽度小于700px的时候生效。当然除了尺寸，也可以用媒体查询区分设备类型，比如显示器，打印机之类的。
2018-05-06
最新回答 / qq_玲玲的大_04311806
可以这样理解，skew 应用在一个矩形上，会保持高度不变，宽度相对变化。比如一个100px的正方形，当skew(60deg)之后，原本竖着的那条边变成倾斜状态，与竖直方向呈60°的角度。你想想有一个在三角形内部有两个角度为90的角度是什么情况，衍生出的底边由于tan90°会等于无穷大。如果浏览器没有相关的措施。会导致你应用的那个元素的宽为无穷大。
2018-04-23
最新回答 / 双鱼小容0313
.text4{position:relative;background:#000;} .text4 img{transform:scale(1,1);} .text4 figcaption div{border:2px solid #fff;width:80%;height:80%;position:absolute;left:10%;top:10%; } .text4:hover img{transform:scale(1.2,1.2);}
2017-12-11
最赞回答 / qq_与我无关N_0
因为在chrome上斜切90deg,相当于无限大，会卡死，可以改为以下设置，效果一样会出来；可以设置：transform: skew(89deg);opacity:0;hover设置：transform:skew(0deg);opacity:1;
2017-11-27
最新回答 / 流浪之日
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css"> *{ padding: 0; margin: 0; } #d1{ width: 400px; height: 400px; margin: auto; bo...
2017-07-22